
If you set box-flex to 0, Firefox forces the element to act like it’s using the quirks-mode box model. The outline on flexbox children is padded as if by a transparent border of the same width. justify-content: space-between) does not work.įlexbox ignores overflow: hidden and expands the flexbox child when the content is larger than the child’s width. Percentage widths set on flex items are ignored. The setting display: box is treated as display: inline-box if there is no width set. I wont go into details about that but if you want to find out more about flexbox, check this link. Ordering flex-items with box-ordinal-group requires a positive integer (the value 0 is also valid in Firefox but not in Webkit, so just use positive integers).įirefox has a number of non-trivial issues with its 2009 implementation: I presume you know what flexbox is and how cool it is.

box-lines is the property in this spec to achieve wrapping, though unfortunately no browser implemented it. flex-line-pack) doesn't work if the cross axis dimension is set with min-width or min-heightīox wrapping is not supported. Known issues Flexbox early 2012 Flexbox early 2012 (Internet Explorer 10)Īlign-content (equiv.

The two 2012 specs are roughly equivilant in terms of features, differing mainly in syntax. Three versions of the flexbox spec – each with different syntax – have been implemented in browsers.
