Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix Obsidian.md blur effect on Safari #174

Closed
eliyap opened this issue Aug 6, 2021 · 1 comment
Closed

Fix Obsidian.md blur effect on Safari #174

eliyap opened this issue Aug 6, 2021 · 1 comment

Comments

@eliyap
Copy link
Contributor

eliyap commented Aug 6, 2021

Hi Obsidian Devs, I think it is the closest repo for website bug reports.

Opening obsidian.md on Chrome and Safari, note that the "frosted glass" blur effect is missing in Safari.

Screen Shot 2021-08-06 at 10 00 43 AM

This is because the backdrop-filter: blur(5px) property is not supported in Webkit (MDN), but is available as

Implemented with the vendor prefix: -webkit-

When I edit the CSS on Safari to add -webkit-backdrop-filter: blur(5px), it works as intended:

Screen Shot 2021-08-06 at 10 03 01 AM

Safari Version: macOS 15.0 Beta 1

@ericaxu
Copy link
Contributor

ericaxu commented Mar 30, 2022

Added (not live yet), thanks!

@ericaxu ericaxu closed this as completed Mar 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants