Skip to content

fix(NcHeaderMenu): pause trap stack on opening#7370

Merged
susnux merged 1 commit into
mainfrom
fix/5385/nav-pause-focus-trap
Aug 26, 2025
Merged

fix(NcHeaderMenu): pause trap stack on opening#7370
susnux merged 1 commit into
mainfrom
fix/5385/nav-pause-focus-trap

Conversation

@Antreesy

Copy link
Copy Markdown
Contributor

☑️ Resolves

With is-nav prop NcHeaderMenu doesn't start a focus-trap and therefore doesn't pause existing ones. That prevents any click in mobile state, as focus returned to AppNavigation

Alternatives for NcAppNavigation:

  • release focus-trap on click outside
  • toggle component to closed state on click outside

🖼️ Screenshots

🏡 After (cherry-picked to stable8 + applied to server repo)

2025-08-25_11h32_36.mp4

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable
  • 2️⃣ Backport to stable8 for maintained Vue 2 version or not applicable

@Antreesy Antreesy added this to the 9.0.0-rc.7 milestone Aug 25, 2025
@Antreesy Antreesy requested review from ShGKme and susnux August 25, 2025 09:35
@Antreesy Antreesy self-assigned this Aug 25, 2025
@Antreesy Antreesy added bug Something isn't working 3. to review Waiting for reviews feature: header-menu labels Aug 25, 2025
@Antreesy

Copy link
Copy Markdown
Contributor Author

/backport to stable8

Comment thread src/components/NcHeaderMenu/NcHeaderMenu.vue Outdated
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
@Antreesy Antreesy force-pushed the fix/5385/nav-pause-focus-trap branch from 59746dd to bff23f2 Compare August 26, 2025 07:49
@susnux susnux merged commit a02baf0 into main Aug 26, 2025
25 checks passed
@susnux susnux deleted the fix/5385/nav-pause-focus-trap branch August 26, 2025 17:10
@backportbot

This comment was marked as resolved.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review Waiting for reviews bug Something isn't working feature: header-menu

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Left sidebar overlays avatar menu NcAppNavigation in mobile state blocks interacting with dialogs

3 participants