Customizer Menus: css selector missing when adding custom link

[virgodesign]

While in customizer, if you are populating a navigation menu and you add a custom link to the menu, a new item is created and added with an initial wrong css selector.

Usually, when a user add a new item to a menu, the added item has the following css selector:
menu-item-{post_type}

But when you add a custom link, the added item has the selector menu-item- instead of menu-item-custom.

This issue happens only during the creation of a custom link. All Previously created custom link items (loaded during customizer initialization) has the correct css selector: menu-item-custom.

This could appear as a not so important problem, but could brings to strange behaviour and style inconsistency.

[virgodesign]

Wrong CSS selector in custom link while in Menu customizer

[vishalkakadiya]

This patch is valid

[vishalkakadiya]

Ok then quick review for Core Committers,

Checked customize-nav-menus.js Line no 1323
where we add class 'menu-item-' + settingValue.object, But the thing is that when custom menu link add to menu _submitLink() is called which is internally call submitLink()

Then in submitLink() there are one menuItem variable which 'object': '', but at that place we need to replace 'object': 'custom' sting in place of null string.

So that in 'menu-item-' + settingValue.object which will generate class name as menu-item-custom

Let me know if anything still needed.

Thanks.

[westonruter]

In 38301:

Customize: Ensure a newly-added custom link nav menu item has the appropriate CSS class names.

For nav menu items of the custom type, their object should also be set to custom, so that the menu-item-custom class name will be added.

Props vishalkakadiya.
Fixes #37575.