Categories
Code

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.

By Jerry Jones

JavaScript Engineer for Automattic, living simply in rural MO.

Leave a Reply

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

WordPress.com Logo

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

Google photo

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

Twitter picture

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

Facebook photo

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

Connecting to %s