JSFiddle - React, Tailwind, and code Playground

by roadrash

HTML

<script src="http://highslide.com/highslide/highslide-full.js"></script>
<link rel="stylesheet" href="http://highslide.com/highslide/highslide.css">
<div>
    <a class="highslide" href="/roadrash/eyt6wnmk/show/light/" onclick="return hs.htmlExpand(this, { objectType: 'iframe', width: 950 } )">Open Highslide iframe popup with long content</a>
</div>

JavaScript

// Show long content in iframe popup - set allowHeightReduction to false for mobile devices

hs.graphicsDir = 'http://highslide.com/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';

if (/(Android|BlackBerry|iPad|iPhone|iPod|Palm|Symbian)/.test(navigator.userAgent)) {
    hs.allowHeightReduction = false;
};