Вложенная прокрутка Flexbox - частичное переполнение - PullRequest
0 голосов
/ 15 февраля 2019

У меня есть приложение со слоями, содержащее следующие свойства, связанные с макетом, каждая строка является слоем.Я добавил соответствующие свойства для позиционирования / отображения.

1. display: grid
2. display: flex
3. position: fixed, 100vh
4. display: flex, overflow: hidden
5. display: flex
6. display: flex

--------------- Splits into two columns, each one should scroll independently

7. display: flex, flex-grow: 1, overflow-y: scroll
8. display: flex, flex-grow: 1

Проблема, с которой я сталкиваюсь, заключается в том, что некоторые пользователи не могут прокрутить до нижнего уровня дочерних элементов, начиная с точки, в которой он разделяется на два.колонны.Они могут частично прокручиваться, но около 30% остального застревает за кадром.

Я искал обновления / проблемы Chrome, связанные с изменениями min-height: auto, и не могу найти причину.Я совершенно не могу воспроизвести, и мне очень трудно определить различия в настройках пользователя и моей собственной.

Есть ли какие-либо известные проблемы с вложенными флексбоксами, из-за которых один из детей не сможет прокрутитьполностью для некоторых пользователей Chrome?

До сих пор все теории были связаны с вложением флексбоксов, в результате чего дочерний элемент на каком-то уровне не содержался, таким образом скрытое переполнение прокручиваемого содержимого.

Я мог бы использовать новое руководство для любых подобных проблем / обходных путей / чего угодно!Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...