Skip to content

chore: add multiple nested MDL dev page to use cases#11406

Merged
web-padawan merged 3 commits into
mainfrom
chore/nested-mdl-page
Mar 24, 2026
Merged

chore: add multiple nested MDL dev page to use cases#11406
web-padawan merged 3 commits into
mainfrom
chore/nested-mdl-page

Conversation

@web-padawan
Copy link
Copy Markdown
Member

Summary

  • Add a new dev page (nav-section-list-detail.html) demonstrating 4 nested <vaadin-master-detail-layout> instances: App Nav → Section Nav → User List → User Detail
  • Add links to all MDL use case dev pages in the index

Test plan

  • Run yarn start and navigate to /dev/mdl-use-cases/
  • Open the "Nav → Section → List → Detail" page
  • Verify all 4 MDL levels render and nest correctly
  • Click nav items to open/close detail panels
  • Click grid rows to show user detail with edit form
  • Resize browser to verify overlay mode at each nesting level

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@web-padawan web-padawan changed the title chore: add nested MDL dev page chore: add multiple nested MDL dev page to use cases Mar 24, 2026
@web-padawan web-padawan requested a review from vursen March 24, 2026 12:19
Comment thread dev/mdl-use-cases/nav-section-list-detail.html Outdated
Comment on lines +173 to +176
<ul class="nav-list" id="appNav">
<li data-key="home">Home</li>
<li data-key="manage" aria-current="page">Manage</li>
</ul>
Copy link
Copy Markdown
Member

@jouni jouni Mar 24, 2026

Choose a reason for hiding this comment

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

Any reason not to use <vaadin-side-nav>?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

I used it originally but then current attributes were messed up. Could add it back.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Not relevant on this test page, to use our side-nav component, if it’s cumbersome.

web-padawan and others added 2 commits March 24, 2026 14:37
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@sonarqubecloud
Copy link
Copy Markdown

@web-padawan web-padawan removed the request for review from vursen March 24, 2026 15:23
@web-padawan web-padawan merged commit bb2c0be into main Mar 24, 2026
10 checks passed
@web-padawan web-padawan deleted the chore/nested-mdl-page branch March 24, 2026 15:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants