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

[v4] Multiselect field should indicate that the user can scroll #5627

Closed
tobimori opened this issue Sep 14, 2023 · 8 comments
Closed

[v4] Multiselect field should indicate that the user can scroll #5627

tobimori opened this issue Sep 14, 2023 · 8 comments
Assignees
Milestone

Comments

@tobimori
Copy link
Contributor

tobimori commented Sep 14, 2023

Description

This is a multi select field that has so many entries that you can scroll.
CleanShot 2023-09-14 at 12 29 18@2x

However, on first glance, it doesn't look like you can scroll.

A better solution would be to cut the 11th item like so:
CleanShot 2023-09-14 at 12 31 33@2x

Using v4 beta.1

@afbora
Copy link
Member

afbora commented Sep 14, 2023

@tobimori Which browser do you use?

@tobimori
Copy link
Contributor Author

Chrome 116

@afbora
Copy link
Member

afbora commented Sep 14, 2023

For me Chrome 116 🤔

image (27)

@tobimori
Copy link
Contributor Author

tobimori commented Sep 14, 2023

yes, that's the current behaviour. the second screenshot is imo the behaviour how it should be so the user knows they can scroll. there is no scroll bar on macOS.

@afbora
Copy link
Member

afbora commented Sep 14, 2023

My personal humble opinion; I don't know how logical it is to cut the last item when there already seems to be a scroll bar.

@tobimori
Copy link
Contributor Author

The scrollbar is only visible on Windows devices (and maybe Linux) phones usually don't have a scrollbar as well as macOS.

@lukasbestle
Copy link
Member

I think making the list box slightly larger to cut off the 11th item is a good cross-browser and cross-OS solution. It doesn't break anything on Windows while it really helps on macOS.

@luxuryluke
Copy link

Love this solution.

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

No branches or pull requests

6 participants