В Safari 12 (я не совсем уверен, ограничен ли он только 12, но он хорошо работает в Safari 10), я столкнулся с проблемой, когда горизонтальная полоса прокрутки моего flex-элемента отображает его содержимое, если я непринудительное оплавление.
У меня есть невероятно простой пример того, что я пытаюсь сделать:
https://codepen.io/anon/pen/NOOXwe
HTML
<div class="flexbox">
<div class="overflow">asdasdasddasdsadasdsadasdsadasdsadasdsadasdsadasdsadasdsadasdsadasdsadasdsasa</div>
</div>
CSS
.flexbox {
display: flex;
width: 200px;
}
.overflow {
overflow-x: auto;
}
Я ожидаю, что полоса прокрутки будет отображена под моим текстом - это мое недоразумение?