JSFiddle - React, Tailwind, and code Playground

by Tim BĂĽthe

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">
<div id="outer-div">
  <input id="position-test-input">
  <div id="position-test-element">&nbsp;</div>
</div>

<button id="position-button">position</button>

CSS

#outer-div {
  border: 1px solid #adff2f;
}

#position-test-input {
  width: 200px;
  border: 1px solid #f8f8ff;    
}

#position-test-element {
    background: blue; 
    width: 50px;
    border: 1px solid #000;
}

JavaScript

$('#position-button').click(function(){
    
  var $element = $('#position-test-element');
  var $input = $('#position-test-input');  
    
  $element.height($input.height());    
    
  $element.position({
    my: 'left',
    at: 'right',
    of: $input 
  });

  return false;
});