JSFiddle - React, Tailwind, and code Playground

HTML

<p><button onclick="document.querySelector('dialog').showModal();">Open</button></p>
<dialog>
  <form method="dialog">
    <p>Hello, dialog world.</p>
    <p><button type="submit">Close</button></p>
  </form>
</dialog>

CSS

body {
  padding-block: 70vh;
}
dialog:modal {
  /* `overflow: auto` is specified in UA stylesheet. */
  overscroll-behavior: contain;
}