JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<div id="container">
  <label>Enter your name:</label>
  <input type="text">
  <button id="submit">Submit</button>
</div>

CSS

div {
  border: 1px solid grey;
  padding: 5px;
}

JavaScript

$(document).click(function() {
  var container = $("#container");
  if (!container.is(event.target) &&
    !container.has(event.target).length) {
    container.hide();
  }
});