JSFiddle - React, Tailwind, and code Playground

by kaljak

HTML

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div id="container">
  <div id="fixed">TEST</div>
</div>

CSS

#container {
  width: 500px;
  height: 500px;
  background-color: yellow;
}

#fixed {
  position: fixed;
  top: 400px;
  left: 400px;
  width: 100px;
  height: 100px;
  background-color: blue;
}

JavaScript

$("#fixed").draggable({containment: "#container"});
$("#fixed").resizable({handles: "all", containment: "#container"});