Переполнение вкладки в Bootstrap 4 не прокручивается - PullRequest
0 голосов
/ 11 ноября 2018

Работа над макетом Bootstrap 4 Holy Grail.

Каждый столбец должен прокручивать переполненное содержимое независимо и без объявления высоты. Крайний левый столбец прокручивается правильно. Крайний правый столбец имеет виджет Bootstrap NAV / TAB. Третья вкладка, MENU 2 , содержит переполненный контент, который не будет прокручиваться, что бы я ни пытался.

Что мне не хватает? Буду признателен за любую помощь!

Вот соответствующий CSS:

.flex_item2 {
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
overflow-y: auto;
}

Демо: https://www.codeply.com/go/Db0rEUYvXn

Спасибо большое!

Bootstrap 4 Holy Grail

1 Ответ

0 голосов
/ 13 ноября 2018

Нашел проблему. По-видимому, FF (35.0.1 +) и IE11 плохо прокручиваются во вложенных гибких блоках. Вот обходные пути.

Переполнение Firefox - у не работает с вложенным flexbox

https://github.com/philipwalton/flexbugs/issues/164

Я обновлю код макета Bootstrap 4 Holy Grail, чтобы отразить обходной путь. Наслаждайтесь!

...