In IE 10 / 11, a grid inside a table does not display (wrap) correctly.
I added an example to the manual test. Load this in IE 10 / 11 (and make the browser small enough so that wrapping is required). IE 10 / 11 doesn't wrap correctly (it works fine outside a table).
The fix uses media query hack to only target IE 10 / 11, and set back to display: block (if inside a table) and rely on the font hack.
I tested in conjunction with pull request #351 to add display: flex for browsers that support it. Note that IE 11 does support display: flex, but has the same issue when inside a table, so also needs the override.
I also tested MS Edge (Spartan), and it renders correctly in the first place; the beta I am using also ignored the -ms media queries and so continued to use flexbox. Interestingly the beta ignored all -ms prefixes but used -webkit prefixes (i.e. with #351 it uses flexbox because of -webkit, not because of -ms).
Fix for grid inside table in IE 10/11
Thank you for submitting this pull request, however I do not see a valid CLA on file for you. Before we can merge this request please visit https://yahoocla.herokuapp.com/ and agree to the terms. Thanks! 😄
Minor spelling fix, from vsopvsop/patch-1
Including Pure PR #584, #583, #504, #539 & return basics of multileve…
@sgryphon is it a common use case to have grids inside a table? Not against the PR if it's something that is done often.
CLA is valid!
Changes look good, thanks!
@sgryphon released in 0.6.1