Почему полосы прокрутки появляются в flexbox с переполнением: видимы?

Question

Как видно из this fiddle, у меня есть div с overflow-x: hidden и overflow-y: visible, и он по-прежнему отображает полосу прокрутки. Удаление display: flex или атрибутов высоты из внешнего div, или overflow-x: hidden устраняет проблему.

Вот скрипка HTML:

<div class="outer"> 
    <div class="inner">Text<br>More text<br>Even more text</div> 
</div> 

CSS:

div.outer { 
    display: flex; 
    height: 30px; 
    overflow: visible; 
} 
div.inner { 
    overflow-x: hidden; 
    overflow-y: visible; 
    border: 1px solid black; 
} 

Answer 1

Проблема с переливом-х/у, что visible не может быть смешана с другим значения, так что в этом случае, visible будет рассматриваться как auto.