139945 2014-12-25 09:34:11 -0800 Mouse/Touch Events Can Focus Parent Element 2024-06-30 15:37:34 -0700 1 1 1 Unclassified WebKit UI Events WebKit Nightly Build Mac OS X 10.11 RESOLVED CONFIGURATION CHANGED HasReduction P2 Normal --- 1 mail webkit-unassigned ahmad.saleem792 ap bfulgham mmaxfield ntim simon.fraser vitor.roriz webkit webkit zalan oldest_to_newest 1057839 0 243744 mail 2014-12-25 09:34:11 -0800 Created attachment 243744 reduced test case reduced test case: http://medialize.github.io/ally.js/tests/browser-bugs/webkit-pointer-focus-parent.html Clicking on an <a> element nested in a <div tabindex="-1"> will cause the <div> to receive focus. If anything should receive focus, it should be the <a> element. This behavior can be observed for mousedown and touchstart. A way to circumvent this behavior is upon mousedown removing all parental tabindex attributes, so once the mousedown handler finished the only naturally focusable element remaining is the element actually clicked upon. On mouseup the tabindex attributes must be restored. The same applies to touchstart and touchend/touchcancel. 1894648 1 ahmad.saleem792 2022-08-29 14:56:28 -0700 I am able to reproduce this bug in Safari Technology Preview 152 using attached reduction and clicking on first case where <a> with tab index = 1, it leads to <div> having focus and the 'red' outline is extended to whole visual viewport while in case of other browsers, it is limited to similar to other case, where tab index is negative 1 and just limit to <a> text. All other browsers (Chrome Canary 107 and Firefox Nightly 106) work similar in both cases and match each other. Thanks! 2043858 2 ahmad.saleem792 2024-06-30 15:37:34 -0700 Safari Technology Preview 197 now matches Chrome Canary 128 and Firefox Nightly 128. Marking this as 'RESOLVED CONFIGURATION CHANGED'. 243744 2014-12-25 09:34:11 -0800 2014-12-25 09:34:11 -0800 reduced test case webkit-pointer-focus-parent.html text/html 790 mail PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+Cgk8bWV0YSBjaGFyc2V0PSJ1 dGYtOCIgLz4KCTx0aXRsZT5XZWJLaXQgTW91c2UvVG91Y2ggRXZlbnRzIENhbiBGb2N1cyBQYXJl bnQgRWxlbWVudDwvdGl0bGU+Cgk8c3R5bGU+CgkgIGJvZHkgOmZvY3VzIHsKCSAgICBvdXRsaW5l OiAzcHggc29saWQgcmVkOwoJICB9Cgk8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoKICA8cD4KICAg IFVwIHRvIGFuZCBpbmNsdWRpbmcgV2ViS2l0IHIxNzc3MzAgYSBmb2N1c2FibGUgZWxlbWVudCBj b3VsZCBnZXQgZm9jdXMgd2hlbiBhIG5lc3RlZCBmb2N1c2FibGUgZWxlbWVudCBpcyBjbGlja2Vk LgogICAgVGhpcyBidWcgd2FzIGFsc28gcHJlc2VudCBpbiBCbGluayBwcmlvciB0byBDaHJvbWUg MzkuCiAgPC9wPgoKICA8aHI+CgogIDxwPldoZW4gdGhlIDxjb2RlPiZsdDthJmd0OzwvY29kZT4g ZWxlbWVudCBpcyBjbGlja2VkLCB0aGUgPGNvZGU+Jmx0O2RpdiZndDs8L2NvZGU+IGlzIGdldHRp bmcgdGhlIGZvY3VzLjwvcD4KICA8ZGl2IHRhYmluZGV4PSItMSI+CiAgICA8YSBocmVmPSIjZm9v Ij5zb21lIGxpbms8L2E+CiAgPC9kaXY+CgogIDxwPkV4cGxpY2l0bHkgc2V0dGluZyA8Y29kZT4m bHQ7YSB0YWJpbmRleCZndDs8L2NvZGU+IHByZXZlbnRzIHRoZSBwYXJlbnQgZnJvbSBnZXR0aW5n IGZvY3VzPC9wPgogIDxkaXYgdGFiaW5kZXg9Ii0xIj4KICAgIDxhIGhyZWY9IiNmb28iIHRhYmlu ZGV4PSItMSI+c29tZSBsaW5rPC9hPgogIDwvZGl2PgoKPC9ib2R5Pgo8L2h0bWw+Cg==