Feeling Lucky
PR-5.4-dev
[#47573] - Fix: focused elements hidden behind submenu
- Closed
- 11 Apr 2026
- Medium
- Build: 5.4-dev
- # 47573
- Diff
- jiteshkhatri11:fix-focus-hidden
User tests: Successful: Unsuccessful:
Summary
Fixes an accessibility issue where focused elements are hidden behind an open submenu, violating WCAG 2.4.11 (Focus Not Obscured).
Issue
Fixes #45917
Root cause
Submenu remains open and overlaps focused elements due to improper stacking/focus handling.
What was changed
- Adjusted submenu behavior to ensure focused elements remain visible
- Ensured submenu does not block keyboard navigation visibility
What was removed/fixed
- Removed incorrect global CSS approach (user.css usage)
- Scoped fix to menu behavior only
How to test
- Open Joomla navigation menu
- Open submenu
- Navigate using TAB key
- Move focus outside submenu
- Ensure submenu closes and focus is visible
WCAG compliance
- WCAG 2.4.11 Focus Not Obscured (Minimum)
- WCAG 2.4.12 Focus Not Obscured (Enhanced)
| Status | New | ⇒ | Pending |
joomla-cms-bot
- | Category | ⇒ | Front End Templates (site) |
BeginnerJoomlaCom
- comment
- 11 Apr 2026
Please use the Pull Request Template and read #47215, thanks @jiteshkhatri11.
| Labels |
Added:
PR-5.4-dev
|
||
jiteshkhatri11
- comment
- 11 Apr 2026
Thanks for the review. I have updated the fix to scope focus styles only to dropdown menu elements and removed the global focus styling from all elements as requested.
| Status | Pending | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2026-04-11 10:06:47 |
| Closed_By | ⇒ | jiteshkhatri11 |
This is clearly not correct. The user.css file should only be created by users. It is not for shipping with core joomla. It should also be much more specific to the menu and not for every link.
Additionaly you were given a template to complete when you submitted the Pull Request - that was not for fun - it had a real purpose. Please update your pr description with all the information requested. You can find the template again here https://github.com/joomla/joomla-cms/blob/680d7eec332e50e69cc40ec851f66740d7f99e1f/.github/PULL_REQUEST_TEMPLATE.md