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

Blur effect not working in Safari #9

Closed
mervynlee94 opened this issue Dec 5, 2023 · 4 comments
Closed

Blur effect not working in Safari #9

mervynlee94 opened this issue Dec 5, 2023 · 4 comments

Comments

@mervynlee94
Copy link

mervynlee94 commented Dec 5, 2023

The blurring shape became square when it is loaded using Safari. It works as expected using Chrome.
Tested on Safari 17. Not sure about older version.

Screenshot 2023-12-05 at 17 30 40
@Johnkat-Mj
Copy link
Member

I'm looking for a way to fix this unfortunately I'm on windows and can't test on Safari, no matter I'll find how

@TechGfx
Copy link

TechGfx commented Jan 7, 2024

I'm looking for a way to fix this unfortunately I'm on windows and can't test on Safari, no matter I'll find how

You find a solution?

@alangardner-dev
Copy link
Contributor

The issue is a overflow-hidden in the parent div. If it is changed to overflow-auto it handles the blur effect on Mac based browsers. I tested in Safari, FF, Chrome. I've created a fork and will commit a PR for review. I don't have a Windows machine, so @Johnkat-Mj will have to test it on Windows.

@Johnkat-Mj
Copy link
Member

Thank you @alangardner-dev , every thing is fine on windows too

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

4 participants