search

praveenn77 / docusaurus-lunr-search

Local / Offline Search for docusaurus
https://praveenn77.github.io/docusaurus-lunr-search-demo/
MIT License
493 stars 79 forks source link

Scroll doesn't appear in search list #139

Open munhigh opened 8 months ago

munhigh commented 8 months ago

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 commented 2 weeks ago

@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.