Package

@carbon/web-components

Browser

Firefox, Chrome, Edge

Package version

2.46.0

React version

No response

Description

The disabled state of the menu-item has several usability issues:

1. The pointer: not allowed is not applied to the entire component, meaning dependant on where your cursor is you may or may not see it.

2. Menu is still closed on clicking on a disabled item, this is inconsistent with the react implementation

Reproduction/example

https://stackblitz.com/edit/github-6pjxlxo4?file=index.html

Steps to reproduce

See the item in a disabled state, interact with it.

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems