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

Handling long lists #17233

Open
bcbock opened this issue Apr 9, 2021 · 1 comment
Open

Handling long lists #17233

bcbock opened this issue Apr 9, 2021 · 1 comment

Comments

@bcbock
Copy link

bcbock commented Apr 9, 2021

I am using awesomplete in a tool I built to list assets to pick. But the problem is the list is so long that it runs off the page. Even when you filter, there are enough items starting with the same letters to run off the page. I was wondering if it’s possible to have the results of a long list show in columns.

@bbenjamin
Copy link
Collaborator

This isn't really something that can be handled with Awesomplete itself, but you could probably get there with CSS, setting the list max-height to something like 80vh so it's guaranteed to not be taller than than the screen. You could then use css columns, although you'd probably want to have a different number of columns based on viewport width and number of results (if you only have 4 results, it may be odd for each to be in a different column). It may be easier to set the results overflow-y: scroll, so you can scroll within the long list of results.

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

2 participants