Bug 273634

Created attachment 471256 [details] Video demonstrating issue of VO cursor not syncing with browser focus when button is positioned behind dialog Issue summary: When there is an interactive element positioned behind a <dialog> OR custom modal (i.e. the box-model of the interactive element overlaps/coincides with the box-model of the <dialog>/custom modal), the VoiceOver cursor does not sync with browser focus (as all other screen readers we've tested do: NVDA, JAWS, TalkBack). Instead, the VO cursor moves to the interactive element that is positioned directly behind (or closest to) where focus was just before the modal was closed. Steps to reproduce: 1. Open https://codepen.io/marcsolo/pen/RwOzRvy in iOS Safari 2. Turn on VoiceOver 3. Navigate to Dialog A button in <header> 4. Activate button 5. Activate Close button in dialog Expected result: VoiceOver cursor moves back to the button that you used to open the dialog (syncs with position of focus in browser) Actual result: VoiceOver cursor moves to Example button that is positioned behind where dialog was displayed Note: This issue may be related to Bug 263069 - AX: VoiceOver on iOS moves focus away, even when HTMLElement.focus() is called on an element