Прилипания контента к нижней границе экрана хромо-подобных браузерах

document.querySelector('button').addEventListener('click', () => {
    const container = document.querySelector('.block');
    const isExpanded = container.getAttribute('aria-expanded') === 'true';
  
  container.style.maxHeight = isExpanded ? '400px' : container.scrollHeight + 'px';
  container.setAttribute('aria-expanded', isExpanded ? 'false' : 'true');
});

body {
  margin: 40px;
}

.block {
  padding: 12px;
  overflow-y: hidden;
  max-height: 400px;
  border: 1px solid #999;
  transition: max-height 0.3s ease-in-out;
}

p {
  margin: 0 0 10px 0;
}

<div class="block" aria-expanded="false">
  <p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio porro commodi omnis sapiente nam error a sed, architecto dolorem deleniti? Libero provident dicta nemo, enim soluta asperiores, a vel neque.</span>
    <span>Est autem, velit ipsum. Soluta beatae ipsa nesciunt repellendus ratione ex consequuntur quis veritatis explicabo omnis sequi incidunt quas provident esse cumque error ullam, at quibusdam quasi, inventore voluptate fugiat.</span>
    <span>Ratione illum cum dolorem architecto nemo doloremque tempore ducimus labore ab expedita. Alias placeat nisi iste, omnis aspernatur dolores ipsam reiciendis numquam, doloremque pariatur incidunt voluptates maxime, itaque hic, deleniti!</span>
    <span>Quam dolorem ducimus autem labore tenetur, porro ut, perspiciatis explicabo dignissimos alias eum dolor. Molestias soluta, numquam perspiciatis provident voluptate mollitia aspernatur! Amet officia rerum quam, harum, non est nam?</span>
  </p>
  <p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ad adipisci distinctio, inventore provident similique. Ducimus, temporibus, quisquam, fugit magnam soluta voluptas voluptate illo sit natus doloribus expedita, accusantium quas.</span>
    <span>Atque quae, nobis, velit vero temporibus dolor libero maiores laudantium aliquam corporis doloribus iusto voluptatibus consequuntur sit, est nulla quibusdam dolorum nam cum aut eos explicabo non facere. Ipsa, voluptatibus.</span>
    <span>Reiciendis fuga dolorem unde quisquam eius omnis. Illo numquam delectus id exercitationem possimus porro esse amet iste consectetur expedita nemo neque enim soluta assumenda vero modi distinctio culpa, laborum minima!</span>
    <span>Rerum, ut, at. Maxime ea ducimus provident neque possimus ratione quis pariatur soluta rem, illum nam alias illo suscipit voluptatum, rerum odit expedita quidem voluptate animi itaque. Velit dicta, commodi?</span>
  </p>
  <p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas perferendis, quisquam illum beatae qui praesentium nam cumque dicta, ipsum quae. Saepe repudiandae consequuntur, aliquam voluptatibus, ad omnis ab reprehenderit incidunt.</span>
    <span>Nulla quasi libero natus ipsam molestias, non eum expedita eligendi suscipit omnis hic sed. Architecto consectetur veritatis aperiam quos modi sint unde, porro! Sapiente error dolor pariatur, commodi totam perferendis.</span>
    <span>Eius magni velit accusantium, nemo a, quidem dignissimos libero. Enim aliquam ipsam repellendus quia ipsum quidem molestias, veniam praesentium, provident similique inventore nostrum neque obcaecati quo, laudantium culpa blanditiis libero!</span>
    <span>Voluptas at non nisi expedita magni veritatis rem iste, cum, incidunt sed, explicabo neque aliquid ullam molestias, quam et atque necessitatibus dolore numquam laboriosam? Sed assumenda, corporis iusto aliquam eius.</span>
  </p>
  <p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis repudiandae incidunt, laborum dolor unde, error amet repellat numquam laudantium magni natus quisquam consequatur voluptate rerum voluptatum libero possimus quidem laboriosam.</span>
    <span>Facere alias dolore pariatur dicta saepe, aut fugit! Nemo vitae minus ut qui, beatae, itaque, molestiae commodi, alias expedita assumenda libero suscipit! Modi architecto, voluptate ea natus blanditiis minus nihil.</span>
    <span>Debitis iusto voluptatem maiores, nobis temporibus quas blanditiis beatae impedit, est eveniet! Doloremque unde voluptatem suscipit dignissimos temporibus itaque, pariatur cumque, accusantium voluptatibus distinctio. Magni vel consectetur similique at nobis.</span>
    <span>Quia ab vitae ipsum repellendus alias dolores eum animi vel sunt natus illum repellat quae rem, itaque, quaerat amet facere sit sint tempore, consequatur adipisci in ullam veniam expedita. Voluptatum.</span>
  </p>
  <p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas fugiat impedit sint architecto repellendus excepturi voluptatum dicta, ut quibusdam officiis, porro assumenda animi consequatur minima corporis ad eligendi! Explicabo, eius!</span>
    <span>Iure ipsa, saepe eius omnis ipsam blanditiis, accusamus veniam quam, nam officiis accusantium delectus dolor nostrum iste reiciendis dolorem et dolorum. Dignissimos et soluta architecto aliquam impedit, accusantium, quam odio!</span>
    <span>Accusantium unde ut mollitia non eius harum repellendus, assumenda delectus, doloremque rerum est quia necessitatibus repellat minus facilis. Aperiam amet, numquam inventore magnam architecto cupiditate obcaecati suscipit nesciunt quidem ad.</span>
    <span>Aliquam culpa magnam accusantium id, labore, sit, quaerat ipsum totam vel eligendi error eum. Reprehenderit assumenda possimus dolorum harum eos eaque cupiditate, quasi accusamus dolore. Ab, minima eligendi aspernatur molestias.</span>
  </p>
  <p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas fugiat impedit sint architecto repellendus excepturi voluptatum dicta, ut quibusdam officiis, porro assumenda animi consequatur minima corporis ad eligendi! Explicabo, eius!</span>
    <span>Iure ipsa, saepe eius omnis ipsam blanditiis, accusamus veniam quam, nam officiis accusantium delectus dolor nostrum iste reiciendis dolorem et dolorum. Dignissimos et soluta architecto aliquam impedit, accusantium, quam odio!</span>
    <span>Accusantium unde ut mollitia non eius harum repellendus, assumenda delectus, doloremque rerum est quia necessitatibus repellat minus facilis. Aperiam amet, numquam inventore magnam architecto cupiditate obcaecati suscipit nesciunt quidem ad.</span>
    <span>Aliquam culpa magnam accusantium id, labore, sit, quaerat ipsum totam vel eligendi error eum. Reprehenderit assumenda possimus dolorum harum eos eaque cupiditate, quasi accusamus dolore. Ab, minima eligendi aspernatur molestias.</span>
  </p>
  <p>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas fugiat impedit sint architecto repellendus excepturi voluptatum dicta, ut quibusdam officiis, porro assumenda animi consequatur minima corporis ad eligendi! Explicabo, eius!</span>
    <span>Iure ipsa, saepe eius omnis ipsam blanditiis, accusamus veniam quam, nam officiis accusantium delectus dolor nostrum iste reiciendis dolorem et dolorum. Dignissimos et soluta architecto aliquam impedit, accusantium, quam odio!</span>
    <span>Accusantium unde ut mollitia non eius harum repellendus, assumenda delectus, doloremque rerum est quia necessitatibus repellat minus facilis. Aperiam amet, numquam inventore magnam architecto cupiditate obcaecati suscipit nesciunt quidem ad.</span>
    <span>Aliquam culpa magnam accusantium id, labore, sit, quaerat ipsum totam vel eligendi error eum. Reprehenderit assumenda possimus dolorum harum eos eaque cupiditate, quasi accusamus dolore. Ab, minima eligendi aspernatur molestias.</span>
  </p>
</div>
<button>toggle</button>