Apple Bug Report – Non-native Focusable Elements Page Jump

On iOS devices running Safari on version 10+, when focusing a non-native focusable element (ie – a div that is focusable via JavaScript or with a tabindex value) inside an embedded iframe on a page, the parent page will jump down the page and you have to scroll back up to return to the focused element.

To reproduce, it,

  1. Use your iOS device on version 10+ and click the slider handle in the embedded quiz.
  2. When you click the handle to give it focus, the page will jump down and you’ll have to scroll back up to return to the slider.

This is just a post to explain my bug report to Apple developers and any other devs who may be experiencing a similar issue. For more details, read this Stack Overflow question on this bug.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: