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

Scroll doesn't appear in search list #139

Open
munhigh opened this issue Mar 8, 2024 · 1 comment
Open

Scroll doesn't appear in search list #139

munhigh opened this issue Mar 8, 2024 · 1 comment

Comments

@munhigh
Copy link

munhigh commented Mar 8, 2024

I applied docusaurus-lunr-search using the method you provided. First of all, thank you.

Afterwards, we searched by adding the maxHits option and confirmed that the number of items in the list increased.
At this time, if there are too many search results, the items below are not displayed.
the problem is that the search result list is longer than the vertical size of the web page
Is there a way to make scrolling appear in the search list in this case?
If I could scroll through the list, I would be able to see search items on the screen that don't appear at the bottom.

scroll

@quantifex
Copy link

@munhigh If you're still looking for an option on this, I just solved this on our setup with some custom CSS, specifically this block:

.algolia-autocomplete .ds-dropdown-menu .ds-suggestions {
  overflow-y: scroll;
  height: 100vh;
}

Note: This height: 100vh; bit is required to get the scrollable area to honor just the viewable height.

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