Skip to content

feat(components): add menu_button component with keyboard navigation #7170

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
elisa-a-v wants to merge 12 commits into
base: main
Choose a base branch
from
Open

feat(components): add menu_button component with keyboard navigation #7170

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
a7e18ff
feat(components): add menu_button component using Alpine UI x-menu pl…
elisa-a-v Mar 16, 2026
e7c8c24
refactor(header): replace hand-rolled menus with menu_button component
elisa-a-v Mar 16, 2026
2204f18
docs(v2_components): add menu_button component library entry
elisa-a-v Mar 17, 2026
31895b1
feat(menu_button): add keyboard-active item styling via Alpine UI $me…
elisa-a-v Mar 31, 2026
c89e282
Merge branch 'main' into menu-button-component
elisa-a-v Mar 31, 2026
e80755b
Merge branch 'main' into menu-button-component
elisa-a-v Apr 8, 2026
bdd2561
Merge branch 'main' into menu-button-component
elisa-a-v Apr 8, 2026
8b3ba6f
feat(alpine): add missing anchor plugin from Alpine upgrade
elisa-a-v Apr 8, 2026
ed39105
refactor(menu_button): use c-button for trigger, restore caret rotation
elisa-a-v Apr 8, 2026
57ce492
refactor(banner): use c-menu-button and c-button, drop expansion_pane…
elisa-a-v Apr 8, 2026
e5646cf
fix(tests): update header tests for menu_button component
elisa-a-v Apr 8, 2026
b7489ad
Merge branch 'main' into menu-button-component
elisa-a-v Apr 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions cl/assets/static-global/js/alpine/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ Current version: **3.15.9**
| Package | CDN URL |
|---------|---------|
| `@alpinejs/csp` | https://cdn.jsdelivr.net/npm/@alpinejs/csp@3.15.9/dist/cdn.js |
| `@alpinejs/anchor` | https://cdn.jsdelivr.net/npm/@alpinejs/anchor@3.15.9/dist/cdn.js |
| `@alpinejs/collapse` | https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.15.9/dist/cdn.js |
| `@alpinejs/focus` | https://cdn.jsdelivr.net/npm/@alpinejs/focus@3.15.9/dist/cdn.js |
| `@alpinejs/intersect` | https://cdn.jsdelivr.net/npm/@alpinejs/intersect@3.15.9/dist/cdn.js |
Expand Down
28 changes: 0 additions & 28 deletions cl/assets/static-global/js/alpine/components/header.js
View file
Open in desktop

This file was deleted.

10 changes: 10 additions & 0 deletions cl/assets/static-global/js/alpine/components/menu_button.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
document.addEventListener('alpine:init', () => {
Alpine.data('menuButton', () => ({
get itemClass() {
if (this.$menuItem.isActive) {
return this.$el.dataset.itemClass + ' ' + this.$el.dataset.focusedClass;
}
return this.$el.dataset.itemClass;
},
}));
});
Loading
Loading