Почему такое отображение в IE у flexbox?

Question

[Александр Белькевич]

Добрый день. Есть страница тык.
Везде все отображается хорошо (в том числе в Edge), но в IE11 flexbox просто офигевают.... Как справиться? Это жесть какая-то...
Спасибо!

Answer 1

[Алексей Уколов]

• IE 11 incorrectly focuses a child element if the parent uses display:flex and has a tabindex set see testcase.
  
• IE 11 does not vertically align items correctly when min-height is used see bug
  
• In IE 10, setting -ms-flex-flow: row wrap will not wrap unless display: inline-block is set on child elements.
  
• IE11 will not apply flexbox on pseudo-elements. See bug.
  
• IE11 does not wrap long paragraphs of text
  
• In IE10 the default value for flex is 0 0 auto rather than 0 1 auto as defined in the latest spec.
  
• In IE10 and IE11, containers with display: flex and flex-direction: column will not properly calculate their flexed childrens' sizes if the container has min-height but no explicit height property. See bug.
  
• IE 11 requires a unit to be added to the third argument, the flex-basis property see MSFT documentation.aspx)
  

caniuse.com/#feat=flexbox

https://github.com/philipwalton/flexbugs