When this policy is active, a frame or main page content will not be able prevent its content from scrolling vertically. This is done by:
touchstart
) are non-cancelable.touch-action: none
as if it were touch-action: pan-y
). Meaning the page still blocks pan-x
and zoom.el.scrollIntoView()
do not propagate outside of the frame.The frame below uses body{ touch-action: none; }
to
prevent its content from scrolling. However, when the policy is "on", it
will be scrollable!. In other words, the policy prevents
the page from blocking vertical scroll by treating the touch-action: none
as touch-action: pan-y
.
Try scrolling the iframe below on mobile (e.g. using touch events).