Combobox selectedItems prop sometimes stale in calciteComboboxChange handler

[nwhittaker]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

Given a <calcite-combobox> with allow-custom-values enabled, typing in a custom value triggers the calciteComboboxChange event. However, in the event's handler, the target combobox's selectedItems prop does not include the selected item.

Screen.Recording.2025-01-24.at.6.56.36.PM.mov

Expected Behavior

The target combobox's selectedItems prop does include the selected item by the time the calciteComboboxChange emits.

Screen.Recording.2025-01-24.at.6.57.57.PM.mov

Reproduction Sample

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

Reproduction Steps

1. Visit the repro and open the dev tools console.
2. Click the combobox and type in a custom value.
3. Observe the logged combobox.selectedItems value does not include the item selected in step 2.

Reproduction Version

3.0.0-next.111

Relevant Info

Possibly related to #11381.

Regression?

2.13.2

Priority impact

impact - p0 - emergency

Impact

A workaround is to derive the selectedItems prop from the combobox's child elements. However it'd be a high level of effort to fix for every combobox instance in our code base. Requesting p0 priority as Field Maps is looking to release with Calcite 3 in a few weeks.

Calcite package

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

Esri team

ArcGIS Field Apps