JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<!--<link href="http://code.jquery.com/ui/1.8.24/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.8.24/jquery-ui.js"></script>-->
<link href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

<button>Open</button>

CSS

.fixedpos {
    position: fixed !important;
    border: 1px solid red !important;
}

JavaScript

$('button').click(function(){
    $('<div>hi</div>').dialog({
        dialogClass:'fixedpos',
        height: 400,
        autoOpen:true        
    });
});