JSFiddle - React, Tailwind, and code Playground

by Artem

HTML

<h1>Scrollable section without tabindex</h1>
<div>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa tenetur voluptatem temporibus quae delectus consectetur sapiente quia voluptates rerum, voluptatum accusamus eos, eligendi quidem ducimus laborum eum asperiores maxime qui unde repudiandae, quisquam molestiae perspiciatis in molestias sint! Nostrum a odio velit facere eum tenetur rem et optio ratione beatae id unde vel, expedita incidunt reprehenderit totam provident? Id debitis ipsam, atque itaque, officia libero molestiae obcaecati velit ea et sapiente iure repudiandae explicabo culpa. Suscipit perspiciatis facilis sed, amet reprehenderit quae veniam voluptates omnis, odio dolores ex, pariatur sit excepturi alias. Ratione nulla alias, minus recusandae blanditiis reprehenderit in enim repudiandae suscipit? Vel voluptates deserunt vitae, voluptas quaerat, deleniti natus amet maiores. Alias omnis laudantium vero, saepe aliquid laboriosam aut quae, nostrum quisquam, tempore recusandae asperiores et harum molestias rem delectus non! Eveniet ipsam molestias ducimus corporis nostrum, perspiciatis nulla in repudiandae voluptatem magni fugit voluptas, expedita esse porro. Sint velit tenetur, atque commodi repellendus, laudantium nesciunt architecto dicta expedita soluta animi explicabo at incidunt laboriosam nihil amet veniam quod voluptate? A voluptatem, ratione, sint voluptatibus adipisci, deserunt mollitia pariatur natus iusto at aspernatur perspiciatis explicabo, cumque unde alias dolores. Sunt placeat, recusandae saepe nobis libero fuga aliquid distinctio!</p>
</div>

<h1>Scrollable section with tabindex</h1>
<div #two tabindex="0">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa tenetur voluptatem temporibus quae delectus consectetur sapiente quia voluptates rerum, voluptatum accusamus eos, eligendi quidem ducimus laborum eum asperiores maxime qui unde repudiandae, quisquam molestiae perspiciatis in molestias sint! Nostrum a...

CSS

div {
  height: 100px;
  background-color: red;
  overflow: auto;
}