Disabled buttons where the 'disabled' attribute is set dynamically are clickable in Firefox (React)

[Jmendo12]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

Similar to #7043, in Firefox when using the React wrapper, calcite-buttons which have their disabled attribute set dynamically can still be clicked when disabled.

Expected Behavior

In Firefox, calcite-buttons with the React wrapper which are disabled dynamically cannot be clicked when disabled.

Reproduction Sample

https://codesandbox.io/s/disabled-button-z2mmrd

Reproduction Steps

1. Load the sample in Firefox
2. Check the "Disable Button" checkbox
3. Click the "Increment Count" button
4. Observe as the count is incremented when clicking the disabled button

Reproduction Version

1.9.2

Relevant Info

MacOS Sonoma, Firefox, React wrapper

Regression?

No response

Priority impact

p4 - not time sensitive

Impact

Currently working around this by using the recommended workaround of checking if the button is disabled within the click handler.

Calcite package

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

Esri team

Realtime (ArcGIS Velocity)