question-mark
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.

'grid-template-columns' is not supported by Internet Explorer. Add '-ms-grid-columns' to support Internet Explorer 10+.

See original GitHub issue

Environment (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:open
  • Created 2 years ago
  • Reactions:4
  • Comments:10 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
mavigozlercommented, Jan 30, 2022

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.

1reaction
antrosscommented, May 2, 2022

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/5136

But 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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found