[Toolkit][Shadcn] Add navigation-menu recipe#3484
Open
Amoifr wants to merge 4 commits intosymfony:3.xfrom
Open
[Toolkit][Shadcn] Add navigation-menu recipe#3484Amoifr wants to merge 4 commits intosymfony:3.xfrom
Amoifr wants to merge 4 commits intosymfony:3.xfrom
Conversation
This was referenced Apr 18, 2026
Amoifr
force-pushed
the
feat/toolkit-shadcn-navigation-menu
branch
from
46fb58a to
6d8ddbe
Compare
carsonbot
added
Feature
Follow up on the review feedback on symfony#3487: the Trigger template should not enforce a specific HTML element but expose a Twig variable with the needed attributes so the consumer can pick their own element.
…controller Apply the same hover/focus pattern as hover-card. The previous CSS-only approach (group-hover + group-focus-within + tabindex=0) left submenus stuck open after a click. Add a navigation_menu_controller.js toggling data-state on the Item, wire mouseenter/mouseleave on the Item and focus/blur on the Trigger, and switch Content + chevron rotation from group-hover/nav-item to in-data-[state=open] selectors.
Amoifr
force-pushed
the
feat/toolkit-shadcn-navigation-menu
branch
from
89226bd to
21166a7
Compare
Contributor
Author
|
Hi @Kocal! Just pushed an update aligning this recipe with the patterns we've validated on the other Shadcn components shipped recently (notably hover-card #3478 merged earlier today). The original implementation relied on the pure-CSS The fix follows the same approach you confirmed for hover-card:
Companion PR for ux.symfony.com is updated too: symfony/ux.symfony.com#68. No rush at all, just letting you know it's ready for another look! 🙏 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds the
navigation-menurecipe to the Shadcn kit.Part of the split of #3467 into one PR per component, tracking #3233.
Snapshots will be regenerated after rework.