Working across the viewport-based fluid typography bug in Safari

Sara digs right into a bug I occurred to have talked about again in 2012 the place fluid sort didn’t resize when the browser window resized. Again then, it affected Chrome 20 and Safari 6, however the bug nonetheless persists in the present day in Safari when a calc() entails viewport items.

Sara credit Martin Auswöger for a brilliant bizarre and intelligent trick utilizing -webkit-marquee-increment: 0vw; (right here’s the documentation) to drive Safari into the right habits. I’ll make a screencast simply to doc it:

I randomly occurred to have Safari Expertise Preview open, which for the time being is Safari 15, and I see the bug is fastened. So I wouldn’t rush out the door to implement this.

Direct Hyperlink to Article — Permalink

The submit Working across the viewport-based fluid typography bug in Safari appeared first on CSS-Tips. You possibly can assist CSS-Tips by being an MVP Supporter.