147700 2015-08-05 15:47:03 -0700 AX: VoiceOver/Safari does not always scroll viewport when inside overflow-x:hidden container, off-screen focused controls inoperable 2015-08-13 04:32:18 -0700 1 1 1 Unclassified WebKit Accessibility 528+ (Nightly build) All iOS 8.2 RESOLVED WORKSFORME P2 Normal --- 1 redux webkit-unassigned cfleizach jcraig mikereiser08 simon.fraser webkit-bug-importer oldest_to_newest 1115143 0 redux 2015-08-05 15:47:03 -0700 (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>?) 1115144 1 258310 redux 2015-08-05 15:47:38 -0700 Created attachment 258310 Reduced test case 1115157 2 redux 2015-08-05 16:02:44 -0700 Posted a short video of the reduced test case in action https://www.youtube.com/watch?v=-dt0VMFji5Y 1116537 3 redux 2015-08-11 08:42:05 -0700 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>) 1116715 4 redux 2015-08-11 14:40:41 -0700 Possibly related to https://bugs.webkit.org/show_bug.cgi?id=141893 ? 1116853 5 simon.fraser 2015-08-11 20:57:43 -0700 Has anyone tested the iOS 9 seed builds? 1116856 6 jcraig 2015-08-11 21:28:21 -0700 probably a dupe of bug 132310 1116858 7 jcraig 2015-08-11 21:34:53 -0700 or bug 125720 1117209 8 jcraig 2015-08-13 02:23:31 -0700 (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. 1117211 9 redux 2015-08-13 04:32:18 -0700 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). 258310 2015-08-05 15:47:38 -0700 2015-08-05 15:47:38 -0700 Reduced test case voiceover-fieldset-overflow-x.html text/html 6702 redux PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHRpdGxlPlZvaWNlT3Zlci9pT1MgaXNz dWUgd2l0aDwvdGl0bGU+DQo8bWV0YSBjaGFyc2V0PXV0Zi04Pg0KPG1ldGEgbmFtZT0idmlld3Bv cnQiIGNvbnRlbnQ9IndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xIj4NCjxzY3Jp cHQ+DQo8L3NjcmlwdD4NCjxzdHlsZT4NCmJvZHkgeyBmb250LXNpemU6IDEuMmVtOyBsaW5lLWhl aWdodDogMS4zOyBmb250LWZhbWlseTogc2Fucy1zZXJpZjsgfQ0KaW5wdXQgeyBtYXJnaW4tdG9w OiAxZW07fQ0KI2NvbnRhaW5lciB7IG92ZXJmbG93LXg6IGhpZGRlbjsgfQ0KDQo8L3N0eWxlPg0K PC9oZWFkPg0KPGJvZHk+DQo8cD5Jc3N1ZSB3aXRoIFZvaWNlT3Zlci9pT1M4LjQsIGNvbnRhaW5l cnMgd2l0aCA8Y29kZT5vdmVyZmxvdy14OmhpZGRlbjwvY29kZT4gYW5kIGEgY2hpbGQgPGNvZGU+ Jmx0O2ZpZWxkc2V0Jmd0OzwvY29kZT4gZWxlbWVudC4gVmlzaWJsZSB2aWV3cG9ydCBkb2VzIG5v dCBzY3JvbGwgdG8gZm9sbG93IFZPIGZvY3VzLiBPbmNlIGFuIGl0ZW0gb3V0c2lkZSBvZiB2aWV3 cG9ydCBpcyBmb2N1c2VkLCBpdCBjYW5ub3QgYmUgYWN0aXZhdGVkL3RvZ2dsZWQgY29ycmVjdGx5 IChpbiB0aGlzIGNhc2UsIGNoZWNrYm94ZXMgcmVtYWluIHVuY2hlY2tlZCBldmVuIGFmdGVyIGRv dWJsZS10YXApLjwvcD4NCjxkaXYgaWQ9ImNvbnRhaW5lciI+DQo8ZmllbGRzZXQ+DQoNCjxpbnB1 dCBkYXRhLW1pbmk9InRydWUiICBpZD0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVz QUFTIiB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrIiBuYW1lPSJzZWFyY2guSm9iQ2F0ZWdv cmllcy52YWx1ZSIgdmFsdWU9IkpvYkNhdGVnb3JpZXMuQUFTIiAvPg0KPGxhYmVsIGZvcj0iY2hl Y2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVzQUFTIiBjbGFzcz0iaW5saW5lIj5BZG1pbmlz dHJhdGl2ZSBhbmQgU3VwcG9ydDwvbGFiZWw+PGJyPg0KPGlucHV0IGRhdGEtbWluaT0idHJ1ZSIg IGlkPSJjaGVja19Kb2JDYXRlZ29yaWVzX0pvYkNhdGVnb3JpZXNBUFIiIHR5cGU9ImNoZWNrYm94 IiBjbGFzcz0iY2hlY2siIG5hbWU9InNlYXJjaC5Kb2JDYXRlZ29yaWVzLnZhbHVlIiB2YWx1ZT0i Sm9iQ2F0ZWdvcmllcy5BUFIiIC8+DQo8bGFiZWwgZm9yPSJjaGVja19Kb2JDYXRlZ29yaWVzX0pv YkNhdGVnb3JpZXNBUFIiIGNsYXNzPSJpbmxpbmUiPkFkdmVydGlzaW5nL1B1YmxpYyBSZWxhdGlv bnM8L2xhYmVsPjxicj4NCjxpbnB1dCBkYXRhLW1pbmk9InRydWUiICBpZD0iY2hlY2tfSm9iQ2F0 ZWdvcmllc19Kb2JDYXRlZ29yaWVzQVJDIiB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrIiBu YW1lPSJzZWFyY2guSm9iQ2F0ZWdvcmllcy52YWx1ZSIgdmFsdWU9IkpvYkNhdGVnb3JpZXMuQVJD IiAvPg0KPGxhYmVsIGZvcj0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVzQVJDIiBj bGFzcz0iaW5saW5lIj5BcmNoaXRlY3R1cmFsIFNlcnZpY2VzPC9sYWJlbD48YnI+DQo8aW5wdXQg ZGF0YS1taW5pPSJ0cnVlIiAgaWQ9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0FW IiB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrIiBuYW1lPSJzZWFyY2guSm9iQ2F0ZWdvcmll cy52YWx1ZSIgdmFsdWU9IkpvYkNhdGVnb3JpZXMuQVYiIC8+DQo8bGFiZWwgZm9yPSJjaGVja19K b2JDYXRlZ29yaWVzX0pvYkNhdGVnb3JpZXNBViIgY2xhc3M9ImlubGluZSI+QXZpYXRpb248L2xh YmVsPjxicj4NCjxpbnB1dCBkYXRhLW1pbmk9InRydWUiICBpZD0iY2hlY2tfSm9iQ2F0ZWdvcmll c19Kb2JDYXRlZ29yaWVzQ09OUyIgdHlwZT0iY2hlY2tib3giIGNsYXNzPSJjaGVjayIgbmFtZT0i c2VhcmNoLkpvYkNhdGVnb3JpZXMudmFsdWUiIHZhbHVlPSJKb2JDYXRlZ29yaWVzLkNPTlMiIC8+ DQo8bGFiZWwgZm9yPSJjaGVja19Kb2JDYXRlZ29yaWVzX0pvYkNhdGVnb3JpZXNDT05TIiBjbGFz cz0iaW5saW5lIj5Db2xsZWdlIEludGVybnNoaXBzPC9sYWJlbD48YnI+DQo8aW5wdXQgZGF0YS1t aW5pPSJ0cnVlIiAgaWQ9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0VEVSIgdHlw ZT0iY2hlY2tib3giIGNsYXNzPSJjaGVjayIgbmFtZT0ic2VhcmNoLkpvYkNhdGVnb3JpZXMudmFs dWUiIHZhbHVlPSJKb2JDYXRlZ29yaWVzLkVEVSIgLz4NCjxsYWJlbCBmb3I9ImNoZWNrX0pvYkNh dGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0VEVSIgY2xhc3M9ImlubGluZSI+RWR1Y2F0aW9uPC9sYWJl bD48YnI+DQo8aW5wdXQgZGF0YS1taW5pPSJ0cnVlIiAgaWQ9ImNoZWNrX0pvYkNhdGVnb3JpZXNf Sm9iQ2F0ZWdvcmllc0VORyIgdHlwZT0iY2hlY2tib3giIGNsYXNzPSJjaGVjayIgbmFtZT0ic2Vh cmNoLkpvYkNhdGVnb3JpZXMudmFsdWUiIHZhbHVlPSJKb2JDYXRlZ29yaWVzLkVORyIgLz4NCjxs YWJlbCBmb3I9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0VORyIgY2xhc3M9Imlu bGluZSI+RW5naW5lZXJpbmc8L2xhYmVsPjxicj4NCjxpbnB1dCBkYXRhLW1pbmk9InRydWUiICBp ZD0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVzRklOIiB0eXBlPSJjaGVja2JveCIg Y2xhc3M9ImNoZWNrIiBuYW1lPSJzZWFyY2guSm9iQ2F0ZWdvcmllcy52YWx1ZSIgdmFsdWU9Ikpv YkNhdGVnb3JpZXMuRklOIiAvPg0KPGxhYmVsIGZvcj0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JD YXRlZ29yaWVzRklOIiBjbGFzcz0iaW5saW5lIj5GaW5hbmNpYWwgU2VydmljZXM8L2xhYmVsPjxi cj4NCjxpbnB1dCBkYXRhLW1pbmk9InRydWUiICBpZD0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JD YXRlZ29yaWVzR09WIiB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrIiBuYW1lPSJzZWFyY2gu Sm9iQ2F0ZWdvcmllcy52YWx1ZSIgdmFsdWU9IkpvYkNhdGVnb3JpZXMuR09WIiAvPg0KPGxhYmVs IGZvcj0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVzR09WIiBjbGFzcz0iaW5saW5l Ij5Hb3Zlcm5tZW50PC9sYWJlbD48YnI+DQo8aW5wdXQgZGF0YS1taW5pPSJ0cnVlIiAgaWQ9ImNo ZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0hPUyIgdHlwZT0iY2hlY2tib3giIGNsYXNz PSJjaGVjayIgbmFtZT0ic2VhcmNoLkpvYkNhdGVnb3JpZXMudmFsdWUiIHZhbHVlPSJKb2JDYXRl Z29yaWVzLkhPUyIgLz4NCjxsYWJlbCBmb3I9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdv cmllc0hPUyIgY2xhc3M9ImlubGluZSI+SG9zcGl0YWxpdHk8L2xhYmVsPjxicj4NCjxpbnB1dCBk YXRhLW1pbmk9InRydWUiICBpZD0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVzSFIi IHR5cGU9ImNoZWNrYm94IiBjbGFzcz0iY2hlY2siIG5hbWU9InNlYXJjaC5Kb2JDYXRlZ29yaWVz LnZhbHVlIiB2YWx1ZT0iSm9iQ2F0ZWdvcmllcy5IUiIgLz4NCjxsYWJlbCBmb3I9ImNoZWNrX0pv YkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0hSIiBjbGFzcz0iaW5saW5lIj5IdW1hbiBSZXNvdXJj ZXM8L2xhYmVsPjxicj4NCjxpbnB1dCBkYXRhLW1pbmk9InRydWUiICBpZD0iY2hlY2tfSm9iQ2F0 ZWdvcmllc19Kb2JDYXRlZ29yaWVzSVQiIHR5cGU9ImNoZWNrYm94IiBjbGFzcz0iY2hlY2siIG5h bWU9InNlYXJjaC5Kb2JDYXRlZ29yaWVzLnZhbHVlIiB2YWx1ZT0iSm9iQ2F0ZWdvcmllcy5JVCIg Lz4NCjxsYWJlbCBmb3I9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0lUIiBjbGFz cz0iaW5saW5lIj5JbmZvcm1hdGlvbiBUZWNobm9sb2d5PC9sYWJlbD48YnI+DQo8aW5wdXQgZGF0 YS1taW5pPSJ0cnVlIiAgaWQ9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0lOVEVS IiB0eXBlPSJjaGVja2JveCIgY2xhc3M9ImNoZWNrIiBuYW1lPSJzZWFyY2guSm9iQ2F0ZWdvcmll cy52YWx1ZSIgdmFsdWU9IkpvYkNhdGVnb3JpZXMuSU5URVIiIC8+DQo8bGFiZWwgZm9yPSJjaGVj a19Kb2JDYXRlZ29yaWVzX0pvYkNhdGVnb3JpZXNJTlRFUiIgY2xhc3M9ImlubGluZSI+SW50ZXJu ZXQvTmV3IE1lZGlhPC9sYWJlbD48YnI+DQo8aW5wdXQgZGF0YS1taW5pPSJ0cnVlIiAgaWQ9ImNo ZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc0xFRyIgdHlwZT0iY2hlY2tib3giIGNsYXNz PSJjaGVjayIgbmFtZT0ic2VhcmNoLkpvYkNhdGVnb3JpZXMudmFsdWUiIHZhbHVlPSJKb2JDYXRl Z29yaWVzLkxFRyIgLz4NCjxsYWJlbCBmb3I9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdv cmllc0xFRyIgY2xhc3M9ImlubGluZSI+TGVnYWw8L2xhYmVsPjxicj4NCjxpbnB1dCBkYXRhLW1p bmk9InRydWUiICBpZD0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVzTUFOVSIgdHlw ZT0iY2hlY2tib3giIGNsYXNzPSJjaGVjayIgbmFtZT0ic2VhcmNoLkpvYkNhdGVnb3JpZXMudmFs dWUiIHZhbHVlPSJKb2JDYXRlZ29yaWVzLk1BTlUiIC8+DQo8bGFiZWwgZm9yPSJjaGVja19Kb2JD YXRlZ29yaWVzX0pvYkNhdGVnb3JpZXNNQU5VIiBjbGFzcz0iaW5saW5lIj5NYW51ZmFjdHVyaW5n IGFuZCBPcGVyYXRpb25zPC9sYWJlbD48YnI+DQo8aW5wdXQgZGF0YS1taW5pPSJ0cnVlIiAgaWQ9 ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc01BUiIgdHlwZT0iY2hlY2tib3giIGNs YXNzPSJjaGVjayIgbmFtZT0ic2VhcmNoLkpvYkNhdGVnb3JpZXMudmFsdWUiIHZhbHVlPSJKb2JD YXRlZ29yaWVzLk1BUiIgLz4NCjxsYWJlbCBmb3I9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0 ZWdvcmllc01BUiIgY2xhc3M9ImlubGluZSI+TWFya2V0aW5nPC9sYWJlbD48YnI+DQo8aW5wdXQg ZGF0YS1taW5pPSJ0cnVlIiAgaWQ9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc01F RCIgdHlwZT0iY2hlY2tib3giIGNsYXNzPSJjaGVjayIgbmFtZT0ic2VhcmNoLkpvYkNhdGVnb3Jp ZXMudmFsdWUiIHZhbHVlPSJKb2JDYXRlZ29yaWVzLk1FRCIgLz4NCjxsYWJlbCBmb3I9ImNoZWNr X0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc01FRCIgY2xhc3M9ImlubGluZSI+TWVkaWEgYW5k IEVudGVydGFpbm1lbnQ8L2xhYmVsPjxicj4NCjxpbnB1dCBkYXRhLW1pbmk9InRydWUiICBpZD0i Y2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVzTUVSQ0giIHR5cGU9ImNoZWNrYm94IiBj bGFzcz0iY2hlY2siIG5hbWU9InNlYXJjaC5Kb2JDYXRlZ29yaWVzLnZhbHVlIiB2YWx1ZT0iSm9i Q2F0ZWdvcmllcy5NRVJDSCIgLz4NCjxsYWJlbCBmb3I9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9i Q2F0ZWdvcmllc01FUkNIIiBjbGFzcz0iaW5saW5lIj5NZXJjaGFuZGlzaW5nPC9sYWJlbD48YnI+ DQo8aW5wdXQgZGF0YS1taW5pPSJ0cnVlIiAgaWQ9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0 ZWdvcmllc1BIQVJNQSIgdHlwZT0iY2hlY2tib3giIGNsYXNzPSJjaGVjayIgbmFtZT0ic2VhcmNo LkpvYkNhdGVnb3JpZXMudmFsdWUiIHZhbHVlPSJKb2JDYXRlZ29yaWVzLlBIQVJNQSIgLz4NCjxs YWJlbCBmb3I9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc1BIQVJNQSIgY2xhc3M9 ImlubGluZSI+UGhhcm1hY2V1dGljYWxzPC9sYWJlbD48YnI+DQo8aW5wdXQgZGF0YS1taW5pPSJ0 cnVlIiAgaWQ9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc1NBTEVTIiB0eXBlPSJj aGVja2JveCIgY2xhc3M9ImNoZWNrIiBuYW1lPSJzZWFyY2guSm9iQ2F0ZWdvcmllcy52YWx1ZSIg dmFsdWU9IkpvYkNhdGVnb3JpZXMuU0FMRVMiIC8+DQo8bGFiZWwgZm9yPSJjaGVja19Kb2JDYXRl Z29yaWVzX0pvYkNhdGVnb3JpZXNTQUxFUyIgY2xhc3M9ImlubGluZSI+U2FsZXM8L2xhYmVsPjxi cj4NCjxpbnB1dCBkYXRhLW1pbmk9InRydWUiICBpZD0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JD YXRlZ29yaWVzU0VSVklDRSIgdHlwZT0iY2hlY2tib3giIGNsYXNzPSJjaGVjayIgbmFtZT0ic2Vh cmNoLkpvYkNhdGVnb3JpZXMudmFsdWUiIHZhbHVlPSJKb2JDYXRlZ29yaWVzLlNFUlZJQ0UiIC8+ DQo8bGFiZWwgZm9yPSJjaGVja19Kb2JDYXRlZ29yaWVzX0pvYkNhdGVnb3JpZXNTRVJWSUNFIiBj bGFzcz0iaW5saW5lIj5TZXJ2aWNlPC9sYWJlbD48YnI+DQo8aW5wdXQgZGF0YS1taW5pPSJ0cnVl IiAgaWQ9ImNoZWNrX0pvYkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc1NPQyIgdHlwZT0iY2hlY2ti b3giIGNsYXNzPSJjaGVjayIgbmFtZT0ic2VhcmNoLkpvYkNhdGVnb3JpZXMudmFsdWUiIHZhbHVl PSJKb2JDYXRlZ29yaWVzLlNPQyIgLz4NCjxsYWJlbCBmb3I9ImNoZWNrX0pvYkNhdGVnb3JpZXNf Sm9iQ2F0ZWdvcmllc1NPQyIgY2xhc3M9ImlubGluZSI+U29jaWFsIFNlcnZpY2VzIGFuZCBOb24t UHJvZml0PC9sYWJlbD48YnI+DQo8aW5wdXQgZGF0YS1taW5pPSJ0cnVlIiAgaWQ9ImNoZWNrX0pv YkNhdGVnb3JpZXNfSm9iQ2F0ZWdvcmllc1RFTEUiIHR5cGU9ImNoZWNrYm94IiBjbGFzcz0iY2hl Y2siIG5hbWU9InNlYXJjaC5Kb2JDYXRlZ29yaWVzLnZhbHVlIiB2YWx1ZT0iSm9iQ2F0ZWdvcmll cy5URUxFIiAvPg0KPGxhYmVsIGZvcj0iY2hlY2tfSm9iQ2F0ZWdvcmllc19Kb2JDYXRlZ29yaWVz VEVMRSIgY2xhc3M9ImlubGluZSI+VGVsZWNvbW11bmljYXRpb25zPC9sYWJlbD48YnI+DQo8L2Zp ZWxkc2V0Pg0KPC9kaXY+DQo8L2JvZHk+DQo8L2h0bWw+