-
Can anyone tell me why @firefox on my Mac puts this “KISS“ tag under the rest, unlike Chrome and Safari? 🤔 Here’s the page: nicolas-hoizey.com/2019/04/how-the-boeing-737-max-disaster-looks-to-a-software-developer.htmlPermalink On twitter.com
❤️ 1 Favorite Mood 0
-
Wow, opening the devtools "fixes" the issue temporarily… 🤯 Is that a known bug in Firefox Beta support for Flexbox? I’m using v66.0.5Permalink On twitter.com
-
Many similar Flexbox issues with Firefox on my homepage…Permalink On twitter.com
-
It looks like the padding on the links breaks Firefox’s Flexbox algorithm. Here’s a test on @CodePen: codepen.io/nhoizey/pen/JVwMLQ?editors=1100 With and without aOn twitter.com
0.1emleft and right padding on the link:
-
Here’s a really reduced test case: codepen.io/nhoizey/pen/JVwMLQ?editors=1100 The last item wraps under the others in Firefox. Two ways to prevent that: - remove the padding on links - removePermalink On twitter.com
box-decoration-break: clone;It looks like there’s really an issue with Firefox.
-
For those who want to follow, here’s the bug I opened on Bugzilla: bugzilla.mozilla.org/show_bug.cgi?id=1552357Permalink On twitter.com