Баг flexbox в ie, как исправить?

Привет!
Изучил баги flexbox насколько только возможно, но при первом же использовании столкнулся с такой проблемой:
при использовании у родительского элемента justify-content: center, а у дочернего margin-left: auto - контент вылазит за пределы родителя.
Ошибка наблюдается только в ie 10 - 11.

Если у родителя убрать justify-content: center, либо поменять на что-то другое, то все нормально, но мне нужно именно отцентрировать их, чтобы в дальнейшем проделать другие действия (пример сильно упрощенный, но саму проблему показывает).

Вот сам пример. Всеми любимый JsFiddle накрылся, поэтому пришлось показать в другой песочнице. В примере справа есть телефон, но он может быть сразу невидим, т.к. из-за бага скрывается справа - нужно просто увеличить область просмотра.

Кто сталкивался с такой проблемой и получилось ли решить?
Спасибо!
  • Вопрос задан
  • 340 просмотров
Пригласить эксперта
Ответы на вопрос 1
https://caniuse.com/#search=flex

IE 10 - Only supports the 2012 syntax
IE 10/11 - Partial support is due to large amount of bugs present (see known issues)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы