Removed click event when dropdown item is disabled

[kelseythejackson]

Issue: wa-dropdown-item fires click events when disabled (#1817)

Solution: Added pointer-events: none to disabled dropdown items via both CSS and JavaScript.

Changes:

1. dropdown-item.styles.ts - Added CSS rule:

  :host(:state(disabled)),
  :host([disabled]) {
    pointer-events: none;
  }

2. dropdown-item.ts - Added inline style in updated() lifecycle:

  this.style.pointerEvents = this.disabled ? 'none' : '';

3. dropdown-item.test.ts - Added regression tests:
   • should not fire click event when disabled
   • should fire click event when not disabled

This approach (CSS + JavaScript) ensures the fix works:

• CSS provides the base styling and works for static disabled states
• JavaScript inline style handles dynamic disabled state changes

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
webawesome	Ready	Preview	Feb 19, 2026 11:31pm