JSFiddle - React, Tailwind, and code Playground

by Boba Poshtar

HTML

<div class="rel">
  <div>
    <div>
      <div>
        <div class="wrap">
          <p><span>test</span></p>
        </div>
      </div>
    </div>
  </div>
</div>

<div>
<section>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ratione maxime mollitia repudiandae itaque blanditiis quo! Eligendi, ad libero tempora voluptates sint non quam laudantium, aspernatur ipsam ullam magni, eaque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ratione maxime mollitia repudiandae itaque blanditiis quo! Eligendi, ad libero tempora voluptates sint non quam laudantium, aspernatur ipsam ullam magni, eaque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ratione maxime mollitia repudiandae itaque blanditiis quo! Eligendi, ad libero tempora voluptates sint non quam laudantium, aspernatur ipsam ullam magni, eaque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ratione maxime mollitia repudiandae itaque blanditiis quo! Eligendi, ad libero tempora voluptates sint non quam laudantium, aspernatur ipsam ullam magni, eaque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ratione maxime mollitia repudiandae itaque blanditiis quo! Eligendi, ad libero tempora voluptates sint non quam laudantium, aspernatur ipsam ullam magni, eaque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ratione maxime mollitia repudiandae itaque blanditiis quo! Eligendi, ad libero tempora voluptates sint non quam laudantium, aspernatur ipsam ullam magni, eaque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ratione maxime mollitia repudiandae itaque blanditiis quo! Eligendi, ad libero tempora voluptates sint non quam laudantium, aspernatur ipsam ullam magni, eaque!</section>
</div>

<p>test</p>

CSS

div {
  position: static;
  padding: 16px 20px;
  border: 1px solid silver;
}
.rel {
  /*position: relative;*/
}
p {
  margin: 10px 0;
  padding: 5px;
  border: 5px solid silver;
}

section {
  position: relative;
  max-width: 400px;
  height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}