[Bug]: Selected NavSubItem shows no indicator inside expanded NavCategory
Author: marcOcramCreated Sep 17, 2026Updated Sep 17, 2026
LabelsType: Bug :bug:Component: NavFluent UI react-components (v9)
Component
Nav (Preview)
Package version
9.74.7
React version
19.3.0
Environment
System:
OS: Windows 11 10.0.26200
CPU: (20) x64 Intel(R) Core(TM) Ultra 7 265HX
Memory: 8.44 GB / 31.68 GB
Browsers:
Edge: Chromium (152.0.4191.53)
npmPackages:
@fluentui/react-components: ^9.74.7 => 9.74.7
@fluentui/react-icons: ^2.0.339 => 2.0.340
@types/react: ^19.2.18 => 19.3.0
@types/react-dom: ^19.2.4 => 19.3.0
react: ^19.2.8 => 19.3.0
react-dom: ^19.2.8 => 19.3.0Current Behavior
When a NavSubItem inside an expanded NavCategory is selected (selectedValue matches its value), its selection indicator is not visible.
The indicator pseudo-element (::after) is positioned with inset-inline-start: 46px and margin-inline-start: -52px, i.e. 6 px outside the item's box.
Expected Behavior
A selected NavSubItem shows its selection indicator while its category is expanded, aligned with the indicators of top-level NavItems.
Reproduction
https://stackblitz.com/edit/drvr8jcg?file=src%2Fexample.tsx
Steps to reproduce
- Open "Job Postings"
- Click on "Openings"
Are you reporting an Accessibility issue?
No response
Suggested severity
Medium - Has workaround
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- The provided reproduction is a minimal reproducible example of the bug.
Source: microsoft/fluentui