[bug]: `bx-dropdown-item` disabled property not working

[techtolentino]

Description

When passing in the disabled property into the bx-dropdown-item component, I expected the item to be non-selectable, as an option.

However, as shown in the CodeSandbox example, this is not the case. A user is still able to select a disabled item.

Component(s) impacted

bx-dropdown-item

related: bx-dropdown

Browser

Chrome

Carbon Web Components version

1.21.0

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Application/website

IBM Quantum internal application

CodeSandbox example

https://codesandbox.io/s/spring-thunder-kgiidy?file=/index.html

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

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