Mix-Blend-Mode Prevents Scrolling on Touch Devices


I’m experiencing an issue on my Webflow site where elements with mix-blend-mode applied prevent the page from scrolling on touch devices. The affected elements include headers, text, and a button, all styled with various blend modes for desktop interactivity. This issue does not occur on desktop browsers, only on touch devices, hindering the page’s usability.

Has anyone encountered a similar problem or can offer a workaround to maintain the mix-blend-mode effects while allowing page scrolling on touch devices?

Thank you for any insights or solutions you might have.