23585 2013-10-21 17:34:03 +0000 FKA: when document.activeElement is hidden, it retains its status as document.activeElement, and therefore intercepts keyboard events as the event target 2015-06-17 04:16:24 +0000 1 1 1 Unclassified HTML WG HTML5 spec unspecified All All RESOLVED FIXED a11y, a11ytf P2 editorial --- 1 jcraig dave.null faulkner.steve jcraig lwatson mike public-html-admin public-html-wg-issue-tracking robin public-html-bugzilla oldest_to_newest 95027 0 1410 jcraig 2013-10-21 17:34:03 +0000 Created attachment 1410 test case demonstrating bug (tested in WebKit) Full Keyboard Access (FKA): when document.activeElement is hidden, it retains its status as document.activeElement, and therefore intercepts keyboard events as the event target. Load attached test case and follow the instructions. It doesn't make sense that a hidden, unfocusable, unrendered element would be retained as document.activeElement, and therefore be an acceptable event target. This is either a spec bug or a browser bug. 95077 1 robin 2013-10-22 09:25:08 +0000 (In reply to James Craig from comment #0) > Created attachment 1410 [details] > test case demonstrating bug (tested in WebKit) > > Full Keyboard Access (FKA): when document.activeElement is hidden, it > retains its status as document.activeElement, and therefore intercepts > keyboard events as the event target. > > Load attached test case and follow the instructions. It doesn't make sense > that a hidden, unfocusable, unrendered element would be retained as > document.activeElement, and therefore be an acceptable event target. This is > either a spec bug or a browser bug. I am not so sure that it's a bug. At least, it's a trick I've used before. The use case is this: you wish to expose a way of editing something that is like text, but not rendered at all like an input (notably, the text itself isn't rendered that way at all). So you give focus to a hidden input and render its content whenever it gets a keyboard event. I'm not sure that's great for A11Y or that it's the best implementation strategy overall. I'm just pointing out that if it's something that I felt the need to do for a project at some point, I might not be the only one. 95111 2 jcraig 2013-10-22 19:00:27 +0000 That sounds like a hack to me, but either way, your use case can still be achieved by setting the input's opacity to 0 or positioning it offscreen. However, hidden (and display:none) elements are not rendered in any modality and should therefore not be the document.activeElement or receive keyboard events. 96574 3 jcraig 2013-11-20 00:46:26 +0000 Hixie says this is resolved in the WHATWG spec: "An element is focusable if [...] The element is [...] being rendered [...]. When an element that is focused stops being a focusable element [...] the user agent should synchronously run the unfocusing steps for the affected element only." 120950 4 faulkner.steve 2015-06-12 14:51:09 +0000 reflect WHATWG resolution 1410 2013-10-21 17:34:03 +0000 2013-10-21 17:34:03 +0000 test case demonstrating bug (tested in WebKit) activeElement_focused_but_hidden.html text/html 1711 jcraig PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTx0aXRsZT5mb2N1cyBzcGVjIGJ1ZzwvdGl0 bGU+Cgk8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJCVtoaWRkZW5dIHsgZGlzcGxheTogbm9uZTsg fQoJPC9zdHlsZT4KCTxzY3JpcHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij4KCQoJdmFyIHRyaWdn ZXI7CgoJZnVuY3Rpb24gJChpZCkgewoJCXJldHVybiBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChp ZCk7Cgl9CgoJZnVuY3Rpb24gbG9hZEhhbmRsZXIoKSB7CgkJdHJpZ2dlciA9ICQoJ3RyaWdnZXIn KTsKCgkJdHJpZ2dlci5vbmZvY3VzID0gaGFuZGxlRm9jdXM7CgkJdHJpZ2dlci5vbmNsaWNrID0g aGFuZGxlQ2xpY2s7CgoJfQoKCWZ1bmN0aW9uIGhhbmRsZUZvY3VzKGUpIHsKCQlpZiAoZSAmJiBl LmtleUNvZGUpIGNvbnNvbGUubG9nKGUua2V5Q29kZSk7CgkJdHJpZ2dlci5oaWRkZW4gPSB0cnVl OwoJCWxvZ0FjdGl2ZUVsZW1lbnQoKTsKCQl3aW5kb3cuc2V0VGltZW91dChsb2dBY3RpdmVFbGVt ZW50LCA1MCk7Cgl9CgkKCWZ1bmN0aW9uIGhhbmRsZUNsaWNrIChlKSB7CgkJaWYgKHRyaWdnZXIu aGlkZGVuICE9PSB0cnVlKSByZXR1cm47IC8vIGJhaWwgaWYgdGhpcyBpcyBhIG1vdXNlIGNsaWNr IGJlZm9yZSB0aGUgZm9jdXMgaGFuZGxlciBmaXJlcwoJCXMgPSAiY2xpY2sgZXZlbnQgZmlyZWQg ZnJvbSBhIGhpZGRlbiwgdW5mb2N1c2FibGUsIHVucmVuZGVyZWQgZG9jdW1lbnQuYWN0aXZlRWxl bWVudC4iCgkJbG9nQWN0aXZlRWxlbWVudChzKTsKCQlhbGVydChzKTsKCX0KCQoJZnVuY3Rpb24g bG9nQWN0aXZlRWxlbWVudChvcHQpewoJCWNvbnNvbGUubG9nKCJkb2N1bWVudC5hY3RpdmVFbGVt ZW50OiAiLCBkb2N1bWVudC5hY3RpdmVFbGVtZW50KTsKCQlpZiAob3B0KSBjb25zb2xlLmxvZyhv cHQpOwoJfQoKCTwvc2NyaXB0Pgo8L2hlYWQ+Cjxib2R5IG9ubG9hZD0ibG9hZEhhbmRsZXIoKSI+ CgoJPGRpdiBpZD0iY29udGVudHMiPgoKCQk8cD5FbmFibGUgZnVsbCBrZXlib2FyZCBhY2Nlc3Ms IGFuZCBUYWIgdG8gdGhlIFNldHRpbmdzIGJ1dHRvbi4gSXQgd2lsbCBkaXNhcHBlYXIgKGJlY29t ZXMgaGlkZGVuKS4gUHJlc3MgU3BhY2ViYXIgb3IgUmV0dXJuIGJlZm9yZSBtb3ZpbmcgZm9jdXMg dG8gc29tZXRoaW5nIGVsc2UuPC9wPgoJCTxwPlRoZSBoaWRkZW4gYnV0dG9uIHN0aWxsIHJlbWFp bnMgdGhlIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQsIHNvIHN1YnNlcXVlbnQga2V5cHJlc3NlcyAo YW5kIGNsaWNrcykgd2lsbCB0YXJnZXQgdGhlIGJ1dHRvbiwgZXZlbiB0aG91Z2ggaXQgaXMgbm8g bG9uZ2VyIGZvY3VzYWJsZSBvciBjbGlja2FibGUgaW4gdGhlIGNvbnZlbnRpb25hbCBzZW5zZS4g SSBiZWxpZXZlIHRoaXMgaXMgZWl0aGVyIGEgYnJvd3NlciBidWcgb3IgYSBzcGVjIGJ1Zy48L3A+ CgoJCTxwPlNvbWUgPGEgaHJlZj0iIyI+Zm9jdXNhYmxlIGNvbnRlbnQ8L2E+IGJlZm9yZSB0aGUg YnV0dG9uLjwvcD4KCQkKCQk8YnV0dG9uIGlkPSJ0cmlnZ2VyIj5Gb2N1cyBoaWRlcyBtZSwgYnV0 IFNwYWNlYmFyIGFuZCBSZXR1cm4ga2V5cHJlc3NlcyBzdGlsbCBhY3RpdmF0ZSBtZSwgZXZlbiB3 aGVuIGhpZGRlbi48L2J1dHRvbj4KCQkKCQk8cD5Tb21lIDxhIGhyZWY9IiMiPmZvY3VzYWJsZSBj b250ZW50PC9hPiBhZnRlciB0aGUgYnV0dG9uIDwvcD4KCgk8L2Rpdj4KCjwvYm9keT4KPC9odG1s Pg==