react-spectrum icon indicating copy to clipboard operation
react-spectrum copied to clipboard

Hidden field getting focus with Tab during Add attachments

Open tek85747 opened this issue 3 years ago โ€ข 3 comments

๐Ÿ› Bug Report

Unknown field getting focus while pressing Tab during Add attachments

๐Ÿค” Expected Behavior

After Select files, next visible button is 'Cancel' button and should be highlighted

๐Ÿ˜ฏ Current Behavior

After Select files, user has to press 'Tab' two times to get focus to cancel button

๐Ÿ’ Possible Solution

๐Ÿ”ฆ Context

Step 1: Click on 'Add attachment' button Step 2: Click on Discussion header with mouse Step 3: Now press 'Tab' on keyboard (2 times) Step 4: After 'Select files' is highlighted, press 'Tab'

๐Ÿ’ป Code Sample

๐ŸŒ Your Environment

react-spectrum 3.15.1
Browser Chrome 94.0.4606.81
Operating System MacBook Pro

๐Ÿงข Your Company/Team

๐Ÿ•ท Tracking Issue (optional)

tek85747 avatar Jun 28 '22 17:06 tek85747

Hey! thanks for the issue. Did you mean to attach a codesandbox or link to an example where we can reproduce your steps?

snowystinger avatar Jun 28 '22 17:06 snowystinger

Please do not post any links to adobe in this issue as it is public. If you need more help, please reach out in Slack.

snowystinger avatar Jun 28 '22 23:06 snowystinger

Is there codesandbox to demonstrate this issue with pure React Spectrum outside of an application?

ktabors avatar Jun 29 '22 02:06 ktabors