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.