233645 2021-11-30 10:41:51 -0800 VoiceOver does not announce custom element focused with delegatesFocus 2021-11-30 10:42:15 -0800 1 1 1 Unclassified WebKit Accessibility Safari 15 Unspecified Unspecified NEW InRadar P2 Normal --- 1 ldebeasi webkit-unassigned andresg_22 webkit-bug-importer oldest_to_newest 1818818 0 445439 ldebeasi 2021-11-30 10:41:51 -0800 Created attachment 445439 Code reproduction When focusing a custom element that uses `delegatesFocus`, VoiceOver does not announce the element despite it being focused. Steps to reproduce: 1. Open attached code reproduction on an iOS device. 2. Enable VoiceOver. 3. Inspect this page in Safari Developer Tools. 4. Run "document.querySelector('app-button').focus()". Observe that VoiceOver does not read the button component even though focus is shifted to it. 5. Run "document.querySelector('button').focus()". Observe that VoiceOver does read the button. 6. Run "document.querySelector('app-button').focus()" again. Observe that VoiceOver reads the button component this time. Expected Behavior: I would expect VoiceOver to announce the text of the custom element every time focus moves to it. Actual Behavior: VoiceOver only announces the text of the custom element after first focusing something in the light DOM such as a button. Other Information: - I can reproduce this on iOS 15.1 as well as the iOS 15.2 developer beta. - This issue does not reproduce on Safari for macOS. - This issue does not reproduce in Chrome. 1818819 1 webkit-bug-importer 2021-11-30 10:42:15 -0800 <rdar://problem/85873650> 445439 2021-11-30 10:41:51 -0800 2021-11-30 10:41:51 -0800 Code reproduction index.html text/html 1415 ldebeasi PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkRlbGVnYXRlRm9jdXMg Vm9pY2VPdmVyIElzc3VlPC90aXRsZT4KCiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVu dD0idmlld3BvcnQtZml0PWNvdmVyLHdpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0x LjAsIG1pbmltdW0tc2NhbGU9MS4wLCBtYXhpbXVtLXNjYWxlPTEuMCwgdXNlci1zY2FsYWJsZT1u byIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8ZGl2Pkp1c3Qgc29tZSB0ZXh0PC9kaXY+IDxi ciAvPgogICAgCiAgICA8YXBwLWJ1dHRvbj5DdXN0b20gRWxlbWVudCBCdXR0b24gd2l0aCBEZWxl Z2F0ZXMgRm9jdXM8L2FwcC1idXR0b24+IDxiciAvPjxiciAvPgogICAgCiAgICA8YnV0dG9uPk5h dGl2ZSBCdXR0b248L2J1dHRvbj4gPGJyIC8+PGJyIC8+CiAgICAKICAgIDxwPlN0ZXBzIHRvIHJl cHJvZHVjZSBpc3N1ZTo8L3A+CiAgICA8b2w+CiAgICAgIDxsaT5FbmFibGUgVm9pY2VPdmVyLjwv bGk+CiAgICAgIDxsaT5JbnNwZWN0IHRoaXMgcGFnZSBpbiBTYWZhcmkgRGV2ZWxvcGVyIFRvb2xz LjwvbGk+CiAgICAgIDxsaT5SdW4gPGNvZGU+ZG9jdW1lbnQucXVlcnlTZWxlY3RvcignYXBwLWJ1 dHRvbicpLmZvY3VzKCk8L2NvZGU+LiBPYnNlcnZlIHRoYXQgVm9pY2VPdmVyIGRvZXMgbm90IHJl YWQgdGhlIGJ1dHRvbiBjb21wb25lbnQgZXZlbiB0aG91Z2ggZm9jdXMgaXMgc2hpZnRlZCB0byBp dC48L2xpPgogICAgICA8bGk+UnVuIDxjb2RlPmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ2J1dHRv bicpLmZvY3VzKCk8L2NvZGU+LiBPYnNlcnZlIHRoYXQgVm9pY2VPdmVyIGRvZXMgcmVhZCB0aGUg YnV0dG9uLjwvbGk+CiAgICAgIDxsaT5SdW4gPGNvZGU+ZG9jdW1lbnQucXVlcnlTZWxlY3Rvcign YXBwLWJ1dHRvbicpLmZvY3VzKCk8L2NvZGU+IGFnYWluLiBPYnNlcnZlIHRoYXQgVm9pY2VPdmVy IHJlYWRzIHRoZSBidXR0b24gY29tcG9uZW50IHRoaXMgdGltZS48L2xpPgogICAgPC9vbD4KICAg IAogICAgPHNjcmlwdD4KICAgICAgY2xhc3MgQXBwQnV0dG9uIGV4dGVuZHMgSFRNTEVsZW1lbnQg ewogICAgICAgIGNvbnN0cnVjdG9yKCkgewogICAgICAgICAgc3VwZXIoKTsKICAgICAgICAgIGNv bnN0IHJvb3QgPSB0aGlzLmF0dGFjaFNoYWRvdyh7CiAgICAgICAgICAgIG1vZGU6ICdvcGVuJywK ICAgICAgICAgICAgZGVsZWdhdGVzRm9jdXM6IHRydWUKICAgICAgICAgIH0pOwogICAgICAgICAg cm9vdC5pbm5lckhUTUwgPSAnPGJ1dHRvbj48c2xvdD48L3Nsb3Q+PC9idXR0b24+JwogICAgICAg IH0KICAgICAgfQogICAgICAKICAgICAgY3VzdG9tRWxlbWVudHMuZGVmaW5lKCdhcHAtYnV0dG9u JywgQXBwQnV0dG9uKTsKICAgIDwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPgo=