CODEWITHSUNDEEP
htmlcssinternet-explorer-10flexbox
Olivvv
Olivvv

Reputation: 1200

IE10's Flexbox : differences between March 2012 Draft and current frozen version

I found differences in the flexbox implementation of IE10 and Chrome/Firefox. According to first answer here : Flexbox layout does not work in Internet Explorer 10 IE10 is based of an older, working version of the Flexbox standard.

In practice, for me, I have to treat as bugs the differences between the IE10 implementation and others browsers more compliant to the frozen standards (pardon my too vague vocabulary).

Does somebody know about list compiling those difference, or about way to find them out ? Ideally I am also looking for know solutions/workaround.

The specific bug I face is that a flex element set to 100% uses 100% of its parents width, instead of using 100% of the available width. But I am at first looking for an elegant way to treat those flexbox implementation differences.

Many thanks

Olivvv

EDIT: What I am looking for, is to learn about IE10 specific flexbox implementation, which is different form the flexbox in chrome and FF (latest flexbox draft).

Upvotes: 2

Views: 163

Answers (2)

Olivvv
Olivvv

Reputation: 1200

Those ressources are helpful at finding out what is the IE10 specific syntax for flex box. IE10 flexbox version is based on the march 2012 draft (http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/).

http://msdn.microsoft.com/en-us/library/ie/hh772069(v=vs.85).aspx http://zomigi.com/blog/flexbox-syntax-for-ie-10/

My question has been downvoted, I am curious to know why. When coding flexbox with IE10 as requirement, then the specific syntax for IE10 is relevant to know.

Upvotes: 3

Erik Funkenbusch
Erik Funkenbusch

Reputation: 93464

If you're using Modernizr, then Modernizr 3 will have a new feature detection test called flexboxtweener that will detect this and allow you to include correct behavior when this condition is present, but as of right now you could do the test yourself, which is 

Modernizr.addTest('flexboxtweener', testAllProps('flexAlign'));

See https://github.com/Modernizr/Modernizr/issues/812

Upvotes: 1

Related Questions