Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
IE11 grid-template-columns and grid-template-rows should prefix with -ms-grid-columns and -ms-grid-rows
See original GitHub issueHi, I tried to find some fixes for IE11 in regards to grid usage and I realised that the grid-template-columns and grid-template-rows should being prefixed as -ms-grid-columns and -ms-grid-rows.
Anyone else with the same issue? Should I send a PR?
Issue Analytics
- State:
- Created 6 years ago
- Reactions:1
- Comments:7 (4 by maintainers)
Top Results From Across the Web
CSS Grid Layout not working in IE11 even with prefixes
Since I'm using auto-prefixer in my workflow it automatically adds all relevant properties with -ms prefix. I can confirm it via inspect element ......
Read more >CSS Grid in IE: CSS Grid and the New Autoprefixer
Each grid element must have unique area names. Autoprefixer only prefixes grid-gap if both grid-template-areas and grid-template-columns have ...
Read more >Should I try to use the IE implementation of CSS Grid Layout?
Here is a table detailing the properties in the spec at CR, the IE10 properties and also whether they are prefixed by Autoprefixer...
Read more >Supporting CSS Grid in Internet Explorer | by Elad Shechter
In this post I will teach you how to support CSS Grid in IE 10 and above, while using the old CSS Grid...
Read more >CSS Grid Layout and progressive enhancement
By default, grid prefixes are disabled, but you can enable it with ... max-width: 400px; display: grid; grid-template-columns: 1fr 2fr; ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
We already prefixing this properties. Did you set
grid: trueoption?Make sure to read all articles in this series before using CSS Grid. There are many limitations that you need to be aware of.
https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/
In Part 2 it references a guide on how to set up a project to use Autoprefixer.
If you aren’t sure how to apply the setting then you can add an
/* autoprefixer grid: on */control comment to your CSS file instead.Autoprefixer now also has limited support for autoplacement as well now. Instead of using
{ grid: true }in the settings, it is better to use{ grid: "autoplace" }or an/* autoprefixer grid: autoplace */control comment now.Make sure to read the Autoprefixer documentation on autoplacement before attempting to use this feature though.