Skip to content

ComboBox: left/right arrow keys do not work after inputing a value while dropdown menu is down #3400

@eyao06

Description

@eyao06

🐛 Bug Report

  1. Have a ComboBox with options in it
  2. Typing in a valid value in the input box of a ComboBox
  3. The dropdown menu opens
  4. When attempting to press the left or right arrow key on the keyboard, the text cursor does not move
  5. While the menu is still open, if you move the text cursor anywhere on the string and press the left or right keys, it still does not move
  6. when the menu closes (via selecting a option, inputing a invalid text, or manually closing it) the text cursor is movable again with the left and right keys

🤔 Expected Behavior

  • user is able to move the text cursor left and right with the left and right keyboard keys

😯 Current Behavior

  • user is not able to move the text cursor left and right with the left and right keyboard keys

💻 Code Sample

This issue was found in the Spectrum v3 storybook
https://react-spectrum.adobe.com/react-spectrum/ComboBox.html#example

Screen.Recording.2022-08-12.at.1.18.30.PM.mov

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

Status

✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions