Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IE11 grid and flex bug #216

Merged
merged 3 commits into from
Oct 12, 2018
Merged

IE11 grid and flex bug #216

merged 3 commits into from
Oct 12, 2018

Conversation

AWare
Copy link
Contributor

@AWare AWare commented Oct 12, 2018

What does this change?

Wraps grid stuff with @supports (display: grid) and grid-template-areas with strings.

grid-template-area: bad

❌❌❌

grid-template-area: 'good'

✅✅✅

Also it fixes a weird IE11 flow bug that came out of that fix.
philipwalton/flexbugs#75 (comment)

Why?

𝟙

IE11 not applying grid directives.
image

IE11 adding a whole bunch of phantom whitespace.

image

𝟹

This PR is done now.

image

image

phantom whitespace

@AWare AWare changed the title Fix your whitespace and flow bugs in IE11 with this one weird trick! … IE11 grid and flex bug Oct 12, 2018
@AWare AWare merged commit 8b6eae0 into master Oct 12, 2018
@gtrufitt gtrufitt deleted the aw-ie-11-and-grid-and-flex-fun branch August 9, 2019 15:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants