URL: https://vglist.co/games/34704
Browser / Version: Firefox 86.0
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Chrome
Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
On Firefox, the break-inside: avoid syntax doesn't actually seem to prevent elements from being broken between columns. I have an 'infobox' on this page and then 'infobox-sections' which are each a key and then 1 or more values (e.g. Average Rating, Developer, Publisher, Engine, Release Date, etc.)
I want the values to stay with the keys in the same column, but the current design does not do that in Firefox.
View the screenshot
Browser Configuration
From webcompat.com with ❤️
URL: https://vglist.co/games/34704
Browser / Version: Firefox 86.0
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Chrome
Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
On Firefox, the
break-inside: avoidsyntax doesn't actually seem to prevent elements from being broken between columns. I have an 'infobox' on this page and then 'infobox-sections' which are each a key and then 1 or more values (e.g. Average Rating, Developer, Publisher, Engine, Release Date, etc.)I want the values to stay with the keys in the same column, but the current design does not do that in Firefox.
View the screenshot
Browser Configuration
From webcompat.com with ❤️