URL: https://jsfiddle.net/wq3opugr/7/ Browser / Version: Chrome 103.0.5060.134 Operating System: Mac OS X 10.15 Tested Another Browser: Yes Firefox Problem type: Design is broken Description: Items are misaligned Steps to Reproduce: Just stumbled upon https://stackoverflow.com/questions/73203745/media-queries-not-work-in-firefox-when-has-animation where someone asks why the height of the example <div> does not change after changing widths (due to the @media rule) in Firefox as compared to Chrome. After further inspection, Safari seems to adopt the same behavior as Firefox, so Chrome might be the problem here by reanimating the <div>. Browser Configuration None From webcompat.com with ❤️ Please login to edit issues. View issue on Github Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
URL: https://jsfiddle.net/wq3opugr/7/
Browser / Version: Chrome 103.0.5060.134
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Firefox
Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
Just stumbled upon https://stackoverflow.com/questions/73203745/media-queries-not-work-in-firefox-when-has-animation where someone asks why the height of the example
<div>does not change after changing widths (due to the@mediarule) in Firefox as compared to Chrome.After further inspection, Safari seems to adopt the same behavior as Firefox, so Chrome might be the problem here by reanimating the
<div>.Browser Configuration
From webcompat.com with ❤️