Calcite-button - setting disabled: false on a button after its creation causes other (unrelated) disabled buttons to again respond to click events in Firefox

[iyouth23]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

When multiple calcite-buttons lie at the same DOM level, setting disabled = false programmatically to one button causes all other neighboring calcite-buttons, regardless of their own disabled setting, to start responding to onClick() events again.

This issue is in a similar vein to #8729. It only occurs in Firefox.

Expected Behavior

Setting one calcite-button's disabled attribute should not affect other, unrelated buttons' event responses.

Reproduction Sample

https://codepen.io/iyouth66/pen/ZENXMNx?editors=1000

Reproduction Steps

1. Open the provided codepen in Firefox.
2. Open DevTools.
3. Click the "Test 3" button to reenable the "Test 2" button.
4. Now click the "Test 1" button. Even though it is disabled, see that it responds to the onClick() event and prints a message in the console.
5. Uncomment the div tags where necessary. Observe that the problem no longer occurs.

Reproduction Version

2.9.0

Relevant Info

Not a regression.

cc @geospatialem

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Impact

AGOL Map Viewer has buttons that lie at the same DOM level that are enabled/disabled programmatically. These buttons encounter this issue.

Calcite package

• @esri/calcite-components
• @esri/calcite-components-angular
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Online

[kstinson14]

Also running into this issue in Field Maps.

[github-actions]

Installed and assigned for verification.