Disabled dropdown item should not be activated by mouse click

[belyan]

Describe the bug

Disabled dropdown item should not be activated by mouse click.

How to reproduce

https://stackblitz.com/edit/clarity-light-theme-clr13-cds6-21czpf?file=src/app/app.component.html

Steps to reproduce the behavior:

1. Open dropdown menu
2. Click on 'Disabled action'
3. Value of boolean property 'clicked' changed to true

Expected behavior

Click event shouldn't be handled for disabled item.

Versions

Clarity version:

• v12.x
• v13.x
• Other:

Framework:

• Angular
• React
• Vue
• Other:

Framework version:
Angular 13

Device:

• Type: MacBook
• OS: MacOS
• Browser: Chrome
• Version: latest

Possible solution

Add CSS rule pointer-events: none for disabled dropdown items.

[github-actions]

🎉 This issue has been resolved in version 13.11.1 🎉

The release is available on:

• GitHub release
• v13.11.1

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 15.0.0-beta.3 🎉

The release is available on:

• GitHub release
• v15.0.0-beta.3

Your semantic-release bot 📦🚀

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.