Fix keyboard focus order
What does this MR do and why?
This MR fixes the keyboard focus order. It provides a container for the popover, so that its content appears focusable with the keyboard in a correct order.
References
- https://gitlab.com/gitlab-org/gitlab/-/issues/518839
- https://gitlab.com/gitlab-org/gitlab/-/issues/511827
- gitlab-org/gitlab-services/design.gitlab.com#3053
Screenshots or screen recordings
| Before | After |
|---|---|
| Screen_Recording_2025-10-14_at_12.05.56 | Screen_Recording_2025-10-14_at_12.05.10 |
How to set up and validate locally
- Navigate to Project -> Build -> Pipeline editor
- Select Validate tab
- Check the keyboard navigation to open the popover related to the Pipeline run source help icon. Ensure you the links inside the popover are focusable with the keyboard.
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Edited by Paulina Sedlak-Jakubowska