Skip to content

Input Date Picker Range steals focus from other inputs #10301

@fnquinteros

Description

@fnquinteros

Check existing issues

Actual Behavior

When you click on the date picker and then directly click on any other input, the focus goes back to the date picker.

Expected Behavior

The focus should go to the element clicked and should't go back to the date picker

Reproduction Sample

https://codesandbox.io/p/devbox/dreamy-ioana-h6qh2h?file=%2Fsrc%2FApp.jsx%3A12%2C7&workspaceId=f51e3505-54ad-4d46-9b44-07aefd12f0d7

Reproduction Steps

  1. Click Date picker (opens calendar)
  2. Click another input

Reproduction Version

latest

Relevant Info

Tested on a Macbook on Chrome.

Regression?

No response

Priority impact

impact - p1 - need for current milestone

Impact

This is part of a new functionality we're implementing that releases in December under a feature flag for controlled user testing. This issue compromises accessibility, so it would be great to have it fixed for the upcoming release.

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 Urban

Metadata

Metadata

Labels

4 - verifiedIssues that have been tested, confirmed as mitigated, and are ready to close.ArcGIS UrbanIssues logged by ArcGIS Urban team members.bugBug reports for broken functionality. Issues should include a reproduction of the bug.calcite-components-reactIssues specific to the @esri/calcite-components-react package.impact - p1 - need for current milestoneUser set priority impact status of p1 - need for current milestone

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions