Ошибка CSS Flexbox с Firefox

Question

Я испытываю какое-то странное поведение с помощью Flexbox на Firefox (последнее).

Кажется, что это происходит в очень особенном случае, когда дочерний элемент элемента flex имеет абсолютный позиционный элемент внутри него.

Я создал демо-версию кодекса, но он отлично работает в Chrome, однако в Firefox вы увидите, что изображение исчезает.

Демонстрация находится в ее простейшей форме. Так должно быть довольно прямо вперед, чтобы знать, что я пытаюсь сделать (подсказка: хром)

http://codepen.io/anon/pen/QwBaLJ

Вы увидите, что .Item-media элемент установлен в position: relative; с img внутри него, установите position: absolute;

Кто-нибудь испытал это на firefox и сумел найти достойное решение?

Важно! Это отзывчивое демо, только мобильная версия не работает в firefox.

Answer 1

Try предваряя ваш»...'- прогибается CSS

-moz-box-flex: $values 

https://css-tricks.com/snippets/css/a-guide-to-flexbox/