Stop Wix parent page from responding to touch events in embedded html iframe

Ask the community
,
1

I have a wix page with an html iframe embedded site (bordered in yellow in the photos below).
The site responds to touch/mouse events to move elements around. When the user touches an item and moves it, the wix screen also scrolls.

2000×1195 484 KB

When the user moves items in the embedded app using the mouse, Wix does not scroll. Wix will scroll if a mouseMove event initiates outside of the iFrame, which is expected behavior.

https://static.wixstatic.com/media/a27d24_151baf8704ed478d802a0544994661ec~mv2.png(image larger than 4 MB)

In the app, the touch and mouse events access the same code.

I would like touchMove events originating in the iFrame (which are currently behaving in the embedded app correctly by moving items) to NOT scroll the wix site. Suggestions?

2

SOLVED
The problem was in the app’s code, not wix-side. Fixed by adding the css property

touch-action: none

to the

containing the demo.