TIL Safari's one-off problems

POSTED ON: Jul 11, 2021

Safari is the new IE when it comes to web development.
I've faced most of these issues outlined here.

List via One-offs and low-expectations with Safari

appearance: none to fix buttons on iOS
Keeping up with rules: minimal-ui? viewport-fit=cover? This keeps changing
100vh issues, solveable by and a slew new viewport units
-webkit-text-size-adjust: 100% and other hacks to prevent input zoom
iPhone env() notch negotiation
Monochrome SVG favicons
Polyfilling for scroll-behavior: smooth
The -webkit soup required to style any inputs like input type="range"
Double for light/dark mode (Safari 15)

Related TILs

Tagged: css

TIL the alternate keyword

If 'alternate' appears along with the stylesheet keyword, the linked file is an alternative stylesheet. It won’t be applied to the document, but it will be ready for when we need it.

Mar 18, 2023

TIL Logical Properties

For that sweet sweet Internationalization you want to avoid directional words like 'left', 'right', 'top', and 'bottom'.

Mar 11, 2023

TIL Using pseudo-classes in your querySelector!

let notTuna = document.querySelectorAll('.sandwich:not(.tuna)')

Mar 02, 2023