Notification overlays cannot be focused when a modal is open, even if the notification is on top of the modal (has a higher z-index) #8995
Description
Steps to reproduce:
- Enable autoresponder.
- Logout and log back in.
- See notification overlay with the message "Autoresponder has been activated."
- See that the overlay can be focused by tabbing on a keyboard or using a screen reader on mobile.
- Open the mail editor (on mobile, you'll need to do it quickly before the notification appears).
- See that the notification overlay cannot be focused while the editor is open.
This happens because the mail editor uses Dialog which has the attribute aria-modal, see Dialog.ts#L146. This causes navigation to be limited to the modal area itself and the background (the ancestors and siblings of the modal) is hidden, see aria-modal on MDN.
Maybe we can show all notification overlays behind modals so it's clear that they cannot be focused until modal is closed. or use modals instead of overlays for notification that should be on top.