Skip to content

v0.17.3 - Safari Glass UI Fix

Choose a tag to compare

View all tags
@ulsklyc ulsklyc released this 13 Apr 20:02
v0.17.3
5a2bc5c

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.

Assets 2
Loading