There is an excellent list of Flexbox bugs, curated by Philip Walton and Greg Whitworth. It’s a site I’ve referred to many times while working on my own projects or writing articles. I thought it might be useful to have a similar listing of CSS Grid Layout issues as we discover them.

I had this thought two days ago, thinking I’d spend an hour or so listing the ones I knew about. Two days later I’m emerging from an interoperability rabbit hole, having properly looked into and documented the first seven.

Take a look at GridBugs here.

Add your gridbugs

If you think you have found a Grid interoperability issue, I would love to add it to the list. Start by posting an Issue on the GridBugs site. I’m happy to help you figure out and log the issue with the browser concerned or against the specification. I would ask one thing. Please create a Reduced Test Case of your issue first. If you post your entire layout asking why it doesn’t work in a certain browser, I will be raising one eyebrow sternly in your general direction. The examples already listed against issues are the sort of thing you should produce.

If you just want to learn how to use Grid Layout, I would suggest checking out my resources over at Grid by Example. If you have a general Grid “How do I …?” question, I have an ongoing Grid AMA. Once again though, I am far more likely to help if you can do a bit of work to create a clear question with a reduced example first.

The CSS Layout Online Workshop

If you are ever baffled by floats, puzzled by collapsing margins or want to understand what is happening under the hood of a framework, this course is for you.

♡ Likes

↺ Reposts

🗨 Comments

Geoffrey Sneddon
Geoffrey Sneddon on the 29 Jul 2017:

We should make sure we end up with tests for every bug in WPT.

Posted a response? Enter the URL

This site uses Webmention. If you post a response to this post on your own site, and you also support Webmention I'll be notified automatically. If not you can add a link here.