While using keyboard strokes, using Tab key brings focus to all contents inside the panel, but it loops through the contents. There is no way to get out of the loop and move to the next navigation option in the header.

[anurima9]

I am trying to work only with the keyboard strokes, and on click of Tab I go to the notifications panel, click Enter to open it, and Tab again to bring focus to the different Tabbable elements in the panel. But it takes us into a loop and not able to exit from the panel after we reach the end of the panel. While we do have Esc key to exit and close the panel, we want to have other options to exit the panel so as to bring consistency among our other header action components fhttps://github.com/user-attachments/assets/a923b755-ea36-4d07-976d-4a39da52a4b7 https://github.com/user-attachments/assets/cd8f696d-22a0-4be0-8592-b941ad0e2615 or the ease of the user. Attached is one screen recording of the same behavior.

[arinclementibm]

This was discussed during Carbon office hours on Nov 12, 2024. guilherme.datilio@ibm.com led the discussion :)