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

Blocky images on iPhone (Chrome and Safari) #7

Open
binaryfire opened this issue May 1, 2023 · 2 comments
Open

Blocky images on iPhone (Chrome and Safari) #7

binaryfire opened this issue May 1, 2023 · 2 comments

Comments

@binaryfire
Copy link

binaryfire commented May 1, 2023

Hi. I’m interested in using this as an alternative to Blurhash but the placeholders on the demo page look quite blocky on my iPhone. Is that a known limitation?

Tested with both the latest version of Chrome and Safari. Same problem.

IMG_0180
IMG_0179

@binaryfire binaryfire changed the title Blocky images on iPhone (Safari) Blocky images on iPhone (Chrome and Safari) May 1, 2023
@transitive-bullshit
Copy link
Owner

This is likely due to these mobile browsers not supporting css filter: blur in some contexts, which is surprising since it should be supported: https://caniuse.com/css-filters

I haven't seen this before and am unable to reproduce it on my end, so not sure what is going on in this case.

@binaryfire
Copy link
Author

binaryfire commented May 1, 2023

Just found this: https://stackoverflow.com/questions/66605584/does-backdrop-filter-not-work-on-chrome-ios

Or maybe it's just that backdrop-filter isn't supported in iOS without the -webkit prefix: https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter

image

Could you add -webkit-backdrop-filter: as well? That might be all that's needed

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