panelMenu- sub MenuItem is disabled but still it can be clickable and expandable

[lk-granit]

Describe the bug

Sub MenuItem is disabled but still it can be clickable and expandable. How can I fix it? I have already provided "expanded: false, disabled: true" for New (below code) Menu item.

Below is my code.

HTML: <p-panelMenu [model]="items" >
this.items = [
{
label: 'File',
icon: 'pi pi-fw pi-file',
items: [
{
label: 'New',
icon: 'pi pi-fw pi-plus', expanded: false, disabled: true,
items: [
{
label: 'Bookmark',
icon: 'pi pi-fw pi-bookmark',
}
],
},
{
label: 'Delete',
icon: 'pi pi-fw pi-trash',
},
],
},
];
}

Environment

Reproducer

No response

Angular version

16.2.8

PrimeNG version

16.4.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response