input-time-zone emits multiple open/close events when toggling open

[nwhittaker]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

When enabling the input-time-zone component's open prop, events are emitted in this order:

1. calciteInputTimeZoneOpen
2. calciteInputTimeZoneBeforeOpen
3. calciteInputTimeZoneOpen

When disabling the input-time-zone component's open prop, events are emitted in this order:

1. calciteInputTimeZoneClose
2. calciteInputTimeZoneBeforeClose
3. calciteInputTimeZoneClose

Expected Behavior

Presumably the first calciteInputTimeZoneOpen and calciteInputTimeZoneClose events never occur.

Reproduction Sample

https://codepen.io/nwhittaker-esri/pen/BaeaXom

Reproduction Steps

1. Visit the sample and open the console
2. Click the Toggle time zone input a few times and see the order of emitted events appear in the console

Reproduction Version

2.8.0

Relevant Info

Encountered while investigating a workaround for the issue where opened overlays do not dismiss when clicking outside of them but on an element that stops event propagation.

Regression?

No response

Priority impact

p3 - want for upcoming milestone

Impact

Impact is minimal since we don't currently make use of these input-time-zone events.

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 Field Apps