JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
  <div id="modal">
    This text is pretty long here.  Hope fully, we will get some scroll bars.
  </div>
</div>

CSS

body {
  margin: 0;
  font-size: 20px;
}
#modal {
  background: white;
  position: absolute;
  height: 100px;
  width: 100px;
  top: 20%;
  left: 20%;
  overflow-y: scroll;
}
#parent {
  height: 4000px;
  background-image: repeating-linear-gradient(180deg,rgb(255,255,255),rgb(0,0,0) 1%);
}