Toast Notification focuses original element after disappearing

[lukaw3d]

Changing focus after toast notification disappears is disruptive.

Expected Behavior

Don't change focus when toast notification disappears, or make it configurable

Actual Behavior

See steps to reproduce

URL, screen shot, or Codepen exhibiting the issue

See steps to reproduce

Steps to Reproduce

• https://v2.grommet.io/notification
• click "Open Toast Notification"
• click empty space
• scroll away, read docs
• after 8 seconds notification disappears and page scrolls back up to "Open Toast Notification"

  grommet/src/js/components/Layer/Layer.js

  Line 31 in 9aee303

  setTimeout(() => originalFocusedElement.focus(), 0);

Your Environment

• Grommet version: 2.34.2
• Browser Name and version:
• Operating System and version (desktop or mobile):

[taysea]

Hi @lukaw3d -- can you elaborate what you mean by "changing focus"? I believe the intended behavior is to restore focus onto the element that was last in focus before the toast notification opened. This is in alignment with WCAG accessibility best practices.

[lukaw3d]

Yes, in "Steps to reproduce" it restores focus to "Open Toast Notification".

Which accessibility guidelines are you referring to?

Modal Dialog? https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/#:~:text=When%20a%20dialog%20closes
Alert? https://www.w3.org/WAI/ARIA/apg/patterns/alert/#:~:text=they%20do%20not%20affect%20keyboard%20focus

[taysea]

Thank you for clarifying. I would agree that "Toast" which functions like an alert should not change the focused element based on the linked guidance. Adding accessibility and bug labels to this.