Skip to content

fix(NcAppNavigationItem): close mobile navigation on router-link click#8732

Open
jancborchardt wants to merge 1 commit into
mainfrom
fix/appnavigationitem-close-mobile-nav
Open

fix(NcAppNavigationItem): close mobile navigation on router-link click#8732
jancborchardt wants to merge 1 commit into
mainfrom
fix/appnavigationitem-close-mobile-nav

Conversation

@jancborchardt

Copy link
Copy Markdown
Contributor

On narrower screen sizes, when the app-navigation is overlaid over the content and can be toggled, clicking on any folder/mailbox to open it keeps the app-navigation open which results in it overlaying the message list. Instead, clicking on any folder/mailbox in the app-navigation should close the app-navigation.

This is an issue in Files, Activity, Photos, Mail, Contacts, Calendar, Notes, Deck, Tables, Office, and probably more apps.
In Talk, Collectives and Forms, the issue does not occur cause custom fixes were used.

This is an annoyance in every app, hence solving it on the components level makes most sense.

☑️ Resolves

🖼️ Screenshots

🏚️ Before

Screencast.From.2026-07-13.21-53-52.webm

🏡 After

Screencast.From.2026-07-13.21-53-19.webm

🏁 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

Assisted-by: ClaudeCode:claude-opus-4-8

fix #2523

Assisted-by: ClaudeCode:claude-opus-4-8
Signed-off-by: Jan C. Borchardt <925062+jancborchardt@users.noreply.github.com>
@jancborchardt jancborchardt self-assigned this Jul 13, 2026
@jancborchardt jancborchardt added bug Something isn't working 3. to review Waiting for reviews feature: app-navigation Related to the app-navigation component papercut Annoying recurring issue with possibly simple fix. design Design, UX, interface and interaction design labels Jul 13, 2026
@codecov

codecov Bot commented Jul 13, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 52.40%. Comparing base (edcf498) to head (2a83e76).
⚠️ Report is 13 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #8732      +/-   ##
==========================================
- Coverage   53.10%   52.40%   -0.71%     
==========================================
  Files         106      109       +3     
  Lines        3544     3685     +141     
  Branches     1022     1077      +55     
==========================================
+ Hits         1882     1931      +49     
- Misses       1406     1491      +85     
- Partials      256      263       +7     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@marcoambrosini marcoambrosini left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

agreed! Very nice :)

@jancborchardt jancborchardt moved this to 🏗️ At engineering in 🖍 Design team Jul 14, 2026
@jancborchardt jancborchardt added the AI assisted This PR contains AI-assisted commits label Jul 14, 2026
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 AI assisted This PR contains AI-assisted commits bug Something isn't working design Design, UX, interface and interaction design feature: app-navigation Related to the app-navigation component papercut Annoying recurring issue with possibly simple fix.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mobile: AppNavigation not closing on clicking an entry which changes the content view

2 participants