Почему flexbox-контейнер не позволяет прокрутить страницу в некоторых случаях?

Несколько возможных причин, по которым flexbox-контейнер может не позволять прокрутить страницу в некоторых случаях:

• Содержимое больше контейнера. stackoverflow.com В таком случае при переполнении контейнера становится недоступным его верхняя часть. stackoverflow.com Для горизонтального переполнения — левый раздел (или правый, в языках с RTL). stackoverflow.com
• Родительский flex-контейнер не имеет заданной ширины. gist.github.com Если не задать ширину контейнеру, то и прокрутка не будет работать. gist.github.com
• Для элементов Flex по умолчанию установлено значение flex-shrink: 1, которое позволяет им сжиматься, чтобы предотвратить переполнение контейнера. stackoverflow.com
• В спецификации flexbox есть функция, которая устанавливает минимальный размер для элементов Flex. moduscreate.com В какой-то момент её удалили, а затем снова добавили в спецификацию. moduscreate.com

Для решения проблемы можно использовать, например, auto margins вместо justify-content. stackoverflow.com С помощью auto margins можно центрировать элементы Flex, даже если они выходят за пределы контейнера, без потери доступа к каким-либо частям контента. stackoverflow.com