Safari (iOS и OSX) не отображает положение: абсолютно внутри flexbox - PullRequest
0 голосов
/ 20 апреля 2020

У меня есть проект, где я использую position: absolute для размещения имен в списке лидеров. Это внутри div, который имеет scroll: auto и также является flexbox (от Bootstrap). Это прекрасно работает на Chrome, однако попытка использовать это в Safari приводит к тому, что имена просто не появляются.

У меня есть JS скрипка упрощенной версии здесь: https://jsfiddle.net/gfbu0aez/4/

Если вы откроете ее в Chrome, цифры будут выглядеть нормально, но если открыть его в Safari, ничего не появится.

1 Ответ

1 голос
/ 20 апреля 2020

Удалите height: 100%; из вашего .container класса, поскольку flex-grow: 1; уже делает то, что вам нужно.

См. этот вопрос / ответ для получения более подробной информации.

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