search

startae / hagrid

:straight_ruler: Hagrid is a mixin library for responsive websites and web applications.
https://hagrid.netlify.com/
MIT License
30 stars 3 forks source link

[IE11] 'wrap-reverse' renders without implicit 'align-items:flex-end' #13

Closed fspoettel closed 9 years ago

fspoettel commented 9 years ago

All tested browsers render wrap-reverse with implicit align-items: flex-end. IE 10/11 renders wrap-reversewith an implicit align-items: flex-start

Testcase

Workaround

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    align-items: flex-end;
}

Bug Report | Flexbugs

fspoettel commented 9 years ago

@renatocarvalho Should the fix be in hagrid or should a note be added in the readme?

renatocarvalho commented 9 years ago

@felics I would keep the fix in hashgrid for now. Would be nice to add a comment about the workaround to hagrid code and as soon as they fix this (if they fix) we can cleanup the code.

fspoettel commented 9 years ago

The fix is not yet in master, have it working in a branch though and will send a PR asap. 0.9.x got rid of all vendor-specific conditionals (FF 26-, Opera 12-), it is sad having to merge in conditionals once again :crying_cat_face: Admittedly though, it is an edge case