Skip to content

Combobox value prop stale in calciteComboboxChange handler #11381

@nwhittaker

Description

@nwhittaker

Check existing issues

Actual Behavior

Given a <calcite-combobox>, selecting a combobox item triggers the calciteComboboxChange event. However, in the event's handler, the target combobox's value prop does not include the selected item.

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

Expected Behavior

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

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

Reproduction Sample

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

Reproduction Steps

  1. Visit the repro and open the dev tools console.
  2. Click the combobox and select an item from the dropdown.
  3. Observe the logged combobox.value value does not include the item selected in step 2.

Reproduction Version

3.0.0-next.111

Relevant Info

Possibly related to #11382.

Regression?

2.13.2

Priority impact

impact - p0 - emergency

Impact

A workaround is to derive the value from the combobox's selectedItems prop and/or 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

Metadata

Metadata

Labels

4 - verifiedIssues that have been tested, confirmed as mitigated, and are ready to close.ArcGIS Field AppsIssues logged by ArcGIS Field Apps team members.bugBug reports for broken functionality. Issues should include a reproduction of the bug.estimate - 3A day or two of work, likely requires updates to tests.impact - p0 - emergencyUser set priority impact status of p0 - emergencyp - highIssue should be addressed in the current milestone, impacts component or core functionality

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions