Skip to content

Enhance Nav Menu functionality: Add check for already added menu item and change font weight to normal for them #9290

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
wants to merge 6 commits into
base: trunk
Choose a base branch
from
+56 −11
Open

Enhance Nav Menu functionality: Add check for already added menu item and change font weight to normal for them #9290

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
b6a5496
Enhance Nav Menu functionality: Add check for already added menu item…
AKSHAT2802 Jul 21, 2025
25923f0
Enhance Nav Menu functionality: Refactor menu item rendering and impr…
AKSHAT2802 Jul 21, 2025
4c0e6c0
Fix syntax error in nav-menus.js: Add missing semicolon in doSearch f…
AKSHAT2802 Jul 21, 2025
ebe219e
Enhance Menu Item Rendering: Add in-use state indication and screen r…
AKSHAT2802 Jul 22, 2025
b72e41e
Refactor: re-add deleted comment
AKSHAT2802 Jul 22, 2025
89a46a8
Merge branch 'trunk' into feat/add-indication-to-items-already-added-…
AKSHAT2802 Sep 10, 2025
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
Prev Previous commit
Next Next commit
Enhance Menu Item Rendering: Add in-use state indication and screen r… 
…eader text for already added items
  • Loading branch information
@AKSHAT2802
AKSHAT2802 committed Jul 22, 2025
commit ebe219ea778013dfa8b6146911ab62a924652205
17 changes: 13 additions & 4 deletions src/js/_enqueues/wp/customize/nav-menus.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -308,11 +308,20 @@

renderMenuItem: function(menuItem) {
var $item = $(wp.template('available-menu-item')(menuItem.attributes));
var $title = $item.find('.menu-item-title');
var $button = $item.find('.item-add');
var $srtext = $button.find('.screen-reader-text');
var isInUse = this.isMenuItemAlreadyAdded(menuItem);

$item.find('.menu-item-title').toggleClass(
'in-use',
this.isMenuItemAlreadyAdded(menuItem)
);
$title.toggleClass('in-use', isInUse);

// Append screen reader text if already in menu
if (isInUse) {
var markerText = wp.i18n.__('(in current menu)');
if (!$srtext.text().includes(markerText)) {
$srtext.append(' ' + markerText);
}
}

return $item;
},
Expand Down
Loading