JSFiddle - React, Tailwind, and code Playground

by spetnik

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/black-tie/jquery-ui.css">
<button>
Click to show dialog
</button>
<div id="dvOne">
<p>
Every time you drag this dialog in Google Chrome it gets one pixel smaller.
</p>
</div>

CSS

#dvOne{
  display: none;
}

JavaScript

$(function(){
	$("button").click(function(){
    $("#dvOne").dialog({
      buttons: [
        {
          text: "OK"
        }
      ]
    });
  })
  
})