The code is similar to
<div class="slides-holder" style="
touch-action: auto;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-user-drag: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-overflow-scrolling: touch;">
<iframe src="https://organisation.qualtrics.com/jfe/form/abcdef" sandbox="allow-same-origin allow-scripts allow-forms allow-popups" width="100%" height="100%"></iframe>
</iframe>
</div>
In desktop safari, the code runs fine. I can scroll up and down, and submit result.
But in mobile safari, I am unable to scroll up and down. Any suggestion to resolve this issue?
Hi there, did you get any answers to your question? I am having the same trouble with scrolling in Safari on Apple devices. Thanks!
Hi
@kongasyd and
@CTurk! It sounds like this is an issue directly related to your code when run on Safari, as the iframe code looks good! I would recommend reaching out to Apple support so they can further troubleshoot this with you. As always, please let us know what you discover, as other Community members may be curious!
