Bug 147700 – AX: VoiceOver/Safari does not always scroll viewport when inside overflow-x:hidden container, off-screen focused controls inoperable

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: Accessibility

[Patrick H. Lauke]

(Issue is actually for iOS8.4, but the bug reporting form does not give me that version as an option)

First noticed the issue in a jQuery Mobile site, but managed to boil the problem down to the following specific situation...

Steps to reproduce:

- take a page that has a container (say, a <div>) with overflow-x:hidden (as most jQuery Mobile containers seem to have); inside that container, a <fieldset> with a sizeable amount of content (for instance, a long list of checkboxes, radio buttons, etc)
- with VoiceOver, navigate through the form controls
- once VO focus reaches the bottom of the visible viewport, the viewport does not scroll further, although VO announces/focuses on the form controls that are now off-screen
- attempting to interact with the off-screen focused controls does not work either (e.g. checkboxes, even when double-tapped, don't get checked)
- in addition, if the VO focus is roughly behind Safari's controls at the bottom of the screen, double-tapping sometimes triggers the back/next/share buttons of the browser itself.

Expected behavior:

- the viewport should scroll to follow VO focus, controls should be operable

(interestingly, changing the <fieldset> to another element, like a <div>, or removing the overflow-x:hidden from the main container, eliminates the problem...so this appears to be very specific to this combination - possibly some special handling of <fieldset>?)

[Patrick H. Lauke]

Created attachment 258310 [details]
Reduced test case

[Patrick H. Lauke]

Posted a short video of the reduced test case in action https://www.youtube.com/watch?v=-dt0VMFji5Y

[Patrick H. Lauke]

After some further testing, the issue may actually go beyond the specific <fieldset> + overflow-x:hidden problem. For instance, I have encountered the same problem (with the visible viewport not following VoiceOver focus) on pages such as http://demos.jquerymobile.com/1.4.5/collapsible/ (which only has overflow-x:hidden, but no <fieldset>)

[Patrick H. Lauke]

Possibly related to https://bugs.webkit.org/show_bug.cgi?id=141893 ?

[Simon Fraser (smfr)]

Has anyone tested the iOS 9 seed builds?

[James Craig]

probably a dupe of bug 132310

[James Craig]

or bug 125720

[James Craig]

(In reply to comment #5)
> Has anyone tested the iOS 9 seed builds?

Works as expected in 13A333. Patrick, please verify in the seed builds or once iOS 9 is released.

[Patrick H. Lauke]

Just tested with latest iOS 9 beta, and it does indeed seem resolved (I didn't test like-for-like, as I installed the beta on an iPad rather than my iPhone, but I assume there's no functional difference in this case).