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

ComboBox is not selectable on small screen or frame #7461

Open
SLTKA opened this issue Dec 4, 2024 · 1 comment
Open

ComboBox is not selectable on small screen or frame #7461

SLTKA opened this issue Dec 4, 2024 · 1 comment

Comments

@SLTKA
Copy link

SLTKA commented Dec 4, 2024

Provide a general summary of the issue here

When screen is not tall enough to fit all options in ComboBox popover it is almost impossible to select value using arrow keys or mouse

🤔 Expected Behavior?

Options should be selectable on any screen size

😯 Current Behavior

Popover disappear on arrow keys

💁 Possible Solution

Potentially will be fixed if #6760 and/or #6609 fixed

🔦 Context

The problem appears when we have form iframed, it also challenging to select value on landscape mobile as it is hard to scroll list very precisely to not accidentally scroll page and loose popover

🖥️ Steps to Reproduce

open https://react-spectrum.adobe.com/react-spectrum/ComboBox.html make screen small (Pixel 7 landscape, this will have issue, but not always, depends on how deep you scroll) or to easier reproduce set screen to 800x250 and open first example using keyboard and try to select the first or the last item.

Version

1.5

What browsers are you seeing the problem on?

Firefox, Chrome

If other, please specify.

No response

What operating system are you using?

Windows / Android

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

@SLTKA
Copy link
Author

SLTKA commented Dec 4, 2024

Since this is about keyboard mostly, probably it worth to add that ComboBox doesn't work with Windows Narrator, if you type a character in the field you can't use arrow keys to select value, but I don't report it as a bug because it looks like Narrator problem and not working well on native input + dataset combination without holding Alt key. Maybe just something to consider in future or in docs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant