JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>
<meta charset=utf-8 />
<title>dialog test</title>
</head>
<body>
<style>
.fixedpos{
position:fixed;
border: 1px solid red !important;
}
</style>
<script>
$(function(){
$('#b1').click(function(){
  $('<div>hi</div>').dialog({
    dialogClass:'fixedpos',
    height: 400,
    autoOpen:true
  });
});
});
</script>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><b<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 id='b1' type='button'>open</button>
    <br>  
</body>
</html>