Пользовательский интерфейс Chakra: необходима помощь по прокручиваемому содержимому вкладок ⇐ CSS

[Anonymous]

В Chakra UI версии 2 у меня есть следующий компонент Tabs, содержимое которого переполняется, а не прокручивается:

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

function App() {
return (






Tab 1
Tab 2



Content for Tab 1










);
}

Результат выглядит следующим образом:


Код действительно будет работать, если удалить Flex и внутренний компонент Box, окружающий компонент Tabs:

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

function App() {
return (


{/**/}
{/**/}


Tab 1
Tab 2



Content for Tab 1






{/**/}
{/**/}


);
}

Однако , эти два компонента происходят из других частей кода, и я добавил их только для того, чтобы создать минимальный рабочий пример и сузить проблему. К сожалению, их невозможно удалить.
Что вызывает эти проблемы и как их исправить?
Нажмите здесь, чтобы получить рабочую копию (дайте ей немного Загрузка 30 секунд).
(Заранее спасибо за любой ответ, это беспокоит меня уже довольно давно.)

Подробнее здесь: https://stackoverflow.com/questions/792 ... ent-needed