- [x] I have searched the [issues](https://github.com/ant-design/ant-design/issues) of this repository and believe that this is not a duplicate. ### What problem does this feature solve? I have a situation where I am putting non-menu items into a Header with nested Menu/Items alongside regular navigation. Currently the items will highlight when clicked as-if they are the selected menu item. I have tried the following. 1. Instead of using ``, use `

` This causes console errors. ```jsx

``` ``` Warning: React does not recognize the `inlineIndent` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `inlineindent` instead. If you accidentally passed it from a parent component, remove it from the DOM element. in li (created by Menu) in ul (created by DOMWrap) in DOMWrap (created by Menu) in Menu (created by Menu) in Menu (created by Navbar) in div (created by Basic) in Basic (created by Adapter) in Adapter (created by Navbar) in Navbar (created by App) in div (created by BasicLayout) in BasicLayout (created by Adapter) in Adapter (created by App) in App (created by Routes) in Provider (created by Routes) in Routes in Router (created by BrowserRouter) in BrowserRouter in IntlProvider ``` 2. `` - This works, but the downside here is the default styling of disabled menu items need to be overridden. ```jsx

``` 3. Setting the Menu to selectable={false}. This works as desired for affects the other Menu.Items. ```jsx

``` ### What does the proposed API look like? Possible solutions: 1. Add a selectable attribute to the `Menu.Item` - `` ```jsx

```

Adding ability to make single Menu.Item not selectable within a Menu (for when nested Header) #9833

Company

Community

Support

Connect