Blocky images on iPhone (Chrome and Safari)

[binaryfire]

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.

[transitive-bullshit]

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]

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

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