'grid-template-columns' is not supported by Internet Explorer. Add '-ms-grid-columns' to support Internet Explorer 10+.
See original GitHub issueEnvironment (please complete the following information):
- OS (e.g., Windows 10): Windows 10
- Extension version (e.g., 1.2.3): v1.4.1
Describe the bug:
When using a grid layout with grid-template-columns
in a CSS file, the extension suggests to use -ms-grid-columns
. When added, the error does not disappear.
Repro steps: Write CSS
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
Expected behavior: Do not show an error anymore
Additional context:
Issue Analytics
- State:
- Created 2 years ago
- Reactions:4
- Comments:10 (9 by maintainers)
Top Results From Across the Web
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 not working in IE11 even with prefixes
Now, the issue is this code works just fine in Chrome, Firefox and Opera, but when I open this page in Microsoft Edge...
Read more >CSS Grid in IE: Debunking Common IE Grid Misconceptions
The implicit grid is how the browser handles the placement of cells that are placed outside of the explicit grid. When using CSS...
Read more >CSS Grid Layout and progressive enhancement
Some simple grid layouts could be implemented for IE10, through to Edge ... If you are still supporting Internet Explorer, the popular tool ......
Read more >Internet Explorer + CSS Grid???? - YouTube
CSS Grid shipped in March 2017, and is already supported by the vast ... support for CSS Grid — not just IE, but...
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 FreeTop 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
Top GitHub Comments
Not sure of the status of work to fix. Another has indicated that the extension is almost unusable as corrected “errors” regarding CSS generate another error actually regarding the correction (errors that contradict each other in how code is used).
I would suggest that the extension add a setting/option in VS Code also to suppress all errors and warning related to Internet Explorer-compatible CSS styling, since the use of Internet Explorer except perhaps for very strictly controlled intranets is now a security issue.
I assume they picked up the suggested
.hintrc
to exclude IE earlier in the thread. We’ll be making this better for all users shortly by excluding IE by default in webhint: https://github.com/webhintio/hint/pull/5136But I think we should still track a (albeit non-trivial) fix to webhint’s handling of “alternate names” as this isn’t the only case where such a setup is used in the MDN data. Whether that is this issue or a separate one I’ll leave up to you.