Breaks 'up and down' scrolling on mobile devices

Thank you.

I would normally add spaces around locked elements using just CSS so to keep the scroll functionality as needed.

But your solution makes sense, too.

For blazy:3.0.7+, we have an internal method to detect touch devices, $.isTouch() with a callback. Since pseudo :hover is not available in touch devices, perhaps we can use it:
https://git.drupalcode.org/project/blazy/-/blob/3.0.8/js/src/dblazy.js?r...

Or just use window.matchMedia() either as listener, or direct method.

But yours is fine, too, if the library considered pseudo :active which is available at touch devices, but not :hover.

On second thoughts, while fine for Slick/Splide displays, this might break static grid functionality.

What do you think?

Thank you!

You know the best way to do it, I am not a programmer as you know.

Will be good if the breakpoint is made configurable so someone can choose the breakpoint they want zoom turned off.