github ulsklyc/oikos v0.17.3
v0.17.3 - Safari Glass UI Fix

latest releases: v0.55.6, v0.55.5, v0.55.4...
one month ago

What's fixed

Glass UI now works on Safari < 18

Safari versions below 18 only recognize -webkit-backdrop-filter, not the unprefixed backdrop-filter. Because all @supports checks in glass.css only tested for the unprefixed form, the entire block was skipped — resulting in no glass styles at all on older Safari.

Changes:

  • All @supports checks extended to (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) — covers both modern browsers and Safari < 18
  • Non-blur glass styles (background-color, border, box-shadow, border-radius) moved outside @supports blocks — always active on all browsers regardless of blur support
  • Blur effects (backdrop-filter/-webkit-backdrop-filter) remain inside @supports and are applied on top where supported

Result: Capsule buttons, specular highlights, glass borders and shadows are now visible on all devices. Blur is added on top where the browser supports it.

Full changelog

See CHANGELOG.md for details.

Don't miss a new oikos release

NewReleases is sending notifications on new releases.