Div с позицией: исправлено не отображение внутри div с позицией: абсолютное в Safari ⇐ CSS

[Anonymous]

У меня есть div с фиксированной позицией внутри абсолютно позиционированного div. В Chrome и Firefox внутренний элемент div отображается, но в OSX Safari 10 — нет.

JSFiddle

Код: Выделить всё

.outer {
margin-top: 21px;
position: absolute;
background: red;
overflow: hidden;
z-index: 1;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
max-height: 100vh;
}

.inner {
display: inline;
overflow: hidden;
position: fixed;
background-color: blue;
max-width: 100vw;
}

Код: Выделить всё

Inner Div

Outer Div

В скрипте изменение свойства позиции внешнего div на Статический или липкий означает, что отображается внутренний элемент div. Но эти позиции не подходят для моей ситуации.

Есть ли способ отобразить внутренний элемент div в Safari без изменения положения элементов div?

Подробнее здесь: https://stackoverflow.com/questions/419 ... lute-in-sa