Embedded Iframe on website -> No scroll-funtionality #794
-
|
Hello, here's the problem: While everything works fine on desktop view, the iframe does not scroll on mobile browsers (chrome and Safari). Instead it blocks all (touch) scrolling attemps from the user and the page is stuck. The inner iframe automatically applies touch-action: none as a CSS rule to the canvas as soon as scrolling is attempted. To troubleshoot, I successfully exported the patch and integrated the canvas directly onto the site without using an iframe. When I changed all instances of touch-action: manipulation in the patch.js, the functionality worked as expected. Is there a solution to implement this within the embedded iframe?
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
|
The solution was the touchgesture op, you just need to unselect vertical pan and vertical swipe. This changes the canvas style within the i-frame touch-action to pan-y. |
Beta Was this translation helpful? Give feedback.
The solution was the touchgesture op, you just need to unselect vertical pan and vertical swipe. This changes the canvas style within the i-frame touch-action to pan-y.