JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<main>
  <div class="content">
  <button>foo</button>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur nulla officia nisi quas velit accusamus amet ex eos quidem suscipit ducimus, dignissimos unde, reiciendis laboriosam!</p>
    <p>Magnam, dolore, quas. Provident perferendis, earum aperiam animi illum debitis, quod delectus repellat non, quam, eos laboriosam quibusdam! Sint nisi, unde, aperiam laborum vel quibusdam.</p>
    <p>Consequatur dolore animi esse tenetur sunt alias quia corporis laboriosam id, illum dolorum eos, rerum magnam, et hic ducimus aut minima consequuntur quasi aliquid. Error!</p>
    <p>In harum quaerat ab nemo vitae ullam assumenda aliquid eos soluta dignissimos saepe quos amet minima, explicabo fugit non delectus ipsam! Unde repellendus accusantium fuga?</p>
    <p>Iusto beatae nam, placeat, cupiditate, officia sit possimus iure eveniet animi aperiam, reiciendis laborum molestiae aliquam earum ducimus cumque corrupti modi eum nisi sed dicta!</p>
    <p>Perferendis eos incidunt et inventore accusamus, sapiente mollitia voluptate quo, tempore esse dolorem ullam rem eius earum obcaecati ad numquam illum voluptates molestias iure odio.</p>
    <p>Pariatur nesciunt, reprehenderit architecto deserunt ullam repellat sunt quidem ipsum quaerat. Unde voluptas consectetur sapiente dicta repellendus nulla accusantium possimus, sed? Blanditiis pariatur illum, velit.</p>
    <p>Tempora accusamus dicta explicabo perferendis pariatur eveniet nobis doloremque at! Odio quam maiores id, adipisci expedita, obcaecati ab magnam nobis at inventore eligendi doloremque autem.</p>
    <p>Earum harum quo minus praesentium inventore vitae libero molestias debitis repudiandae, excepturi numquam nobis possimus id ratione totam quas sunt, provident neque rerum nemo magnam.</p>
    <p>Ducimus cupiditate sunt itaque, veniam minima et accusamus ex quod maiores laudantium tempora, molestiae architecto perspiciatis explicabo modi illum dicta, velit...

CSS

main {
  display: flex;
}

.content, .aside {
  all: initial;
  contain: content;
  max-height: 100vh;
}

button {
  position: fixed;
  top: 0;
  left: 0;
}