TailwindCSS - «overflow-auto» работает, когда контейнер имеет «h-1/2», но не «h-full»? ⇐ CSS

[Anonymous]

Я работаю над следующим компонентом AppSidebar(), используя TailwindCSS.

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

export const AppSidebar = () => {
return (



















)
}

Этот компонент заключен в следующий компонент.

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

export const App = () => {
return (



)
}

Что, наконец, и заканчивается этим:

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

export default function Home() {
return (




)
}

У меня есть установка, состоящая из двух основных частей: панели навигации и основной области приложения. Родительский контейнер использует flex-column, чтобы приложение заполнило экран вертикально (h-экран). Внутри основного приложения я использую гибкий макет для обеспечения гибкости. Проблема связана с боковой панелью (AppSidebar), которую я хочу расширить до нижней части области просмотра (h-full). Однако применение «h-full» предотвращает желаемое поведение прокрутки внутри контейнера боковой панели. Вместо того, чтобы получать полосу прокрутки, когда содержимое превышает высоту боковой панели, он растягивает элемент управления Home верхнего уровня и добавляет полосу прокрутки на всю страницу. Однако установка AppSidebar на h-1/2 (например) создает полосу прокрутки, как и предполагалось. Почему? Как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/783 ... not-h-full