Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TexInput onClick focus behavior broken with type=date on Safari #4488

Open
pevd950 opened this issue Apr 10, 2024 · 1 comment
Open

TexInput onClick focus behavior broken with type=date on Safari #4488

pevd950 opened this issue Apr 10, 2024 · 1 comment
Labels
bug Something isn't working component: TextInput react staff Author is a staff member Stale

Comments

@pevd950
Copy link

pevd950 commented Apr 10, 2024

Description

The input focus behavior is broken when using a TextInput with input types such as date and time. Regardless of which part of the input is clicked, focus is reset to the beginning.

Keyboard tab behavior works fine however. Each tab press moves the focus to the next date/time field.

CleanShot.in.Safari-2024-04-10.at.17.33.49.mp4

Identified on primer/react v35.32.2, but was also able to reproduce on the latest version v36.13.0

Steps to reproduce

  1. Go to https://codesandbox.io/p/sandbox/wizardly-sinoussi-42ktdx
  2. Click on the day, year or time fields in the input box

Version

v35.32.2

Browser

Safari

@pevd950 pevd950 added the bug Something isn't working label Apr 10, 2024
@joshblack joshblack self-assigned this Apr 15, 2024
@joshblack joshblack removed their assignment Jul 2, 2024
@lesliecdubs lesliecdubs added staff Author is a staff member component: TextInput labels Aug 27, 2024
Copy link
Contributor

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.

@github-actions github-actions bot added the Stale label Feb 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working component: TextInput react staff Author is a staff member Stale
Projects
None yet
Development

No branches or pull requests

3 participants