Почему «позиция: липкий» не работает с CSS COUR UI Bootstrap CSS? ⇐ Html

[Anonymous]

Я пытаюсь построить инструментальную панель React, используя шаблон React> Code> React, найденный здесь.
css

Код: Выделить всё

.top-stick {
position: sticky !important;
position: -webkit-sticky;
top: 5rem;
overflow-y: auto;
height: calc(100vh - 5rem);
}

jsx

Код: Выделить всё

Lorem ipsum dolor sit amet





Card title

Lorem ipsum dolor sit amet






[url=https://coreui.io]CoreUI[/url] © 2018
creativeLabs.


Powered by{" "}
[url=https://coreui.io/react]CoreUI for React[/url]

Но при прокрутке карта, кажется, не придерживается.
На проверке CSS присутствует. Также нет переполнения: hidden есть ли в CSS Tree.


Подробнее здесь: https://stackoverflow.com/questions/548 ... tstrap-css