PanelMenu: Menu items with no sub-items toggling border

[akshayaqburst]

Describe the bug

PanelMenu: Menu items with no sub-items toggling border

Reproducer

No response

PrimeReact version

10.1.0

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

1. Go to Panel Menu
2. Use a basic Panel Menu in your project
3. Try building a menu item which has no sub items present in it.
4. Click on the newly created menu item which has no sub items.
5. It shows an empty space .

Expected behavior

Menu items with no sub-items should not toggle.

After fix -

[melloware]

I think it should be handled like this: primefaces/primevue#4844

The toggler should not even be shown:

[xiaodong2008]

I think it should be handled like this: primefaces/primevue#4844

The toggler should not even be shown:

Hi, thanks for your reference but I don’t think that remove the empty space or remove the icon is a good idea.
I think it should always show the sub-items menu and the icon if there is a items prop given, even it is empty,
Sometimes user may want to show an empty list.
If they don’t want the list, they should not add the items props.
Another way, maybe adding a tip text on the empty place is the best way to solve this problem.

[xiaodong2008]

I think it should be handled like this: primefaces/primevue#4844
The toggler should not even be shown:

Hi, thanks for your reference but I don’t think that remove the empty space or remove the icon is a good idea. I think it should always show the sub-items menu and the icon if there is a items prop given, even it is empty, Sometimes user may want to show an empty list. If they don’t want the list, they should not add the items props. Another way, maybe adding a tip text on the empty place is the best way to solve this problem.

That’s mean

With items props but empty list:
Should show an empty space or show with some text like “This list is empty.”

With no items props but border changed when click:
This should be fixed like my Pull Request in primevue primefaces/primevue#4844