JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<div id="container">
  <iframe src="http://www.example.com" style="width:500px; height: 500px;">
  No iframes?
  </iframe>
  <div id="dummy" style="position: absolute; top:50px; left:50px; height:20px; width:20px; background-color: red;">
  
  </div>
</div>

JavaScript

$(function(){
	$("#dummy").draggable({iframeFix: true});
  $("#dummy").click(function() {
  alert("hey ho");
  });
});

// Change iframeFix to false and see that clicks are not being fired.