colinwilson / lotusdocs

📖 A free, lightweight, modern documentation theme for Hugo [WIP]

Home Page:https://lotusdocs.dev/docs/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Scrolling in FlexSearch

Mikejacob56 opened this issue · comments

Hello,

loving the theme!

However, FlexSearch results are not scroll-able and they very often overflow outside the screen. Is there a way to add a maximum height to the suggestions container with scrolling?

Thanks for the help!

Thank you. Glad you like the theme 🙏

FlexSearch results are not scroll-able and they very often overflow outside the screen

Thanks for pointing this out. I'll push an update to resolve this soon.

Did you experience this on a Desktop or Mobile view?

Thanks for the quick response!

I'm experiencing this on all views, with multiple browsers. Temporarily, to get around it, I added:
style="height: 500px; overflow-y: auto"
To the suggestions container in top-header.html. I think there must be a cleaner way to do it through flexsearch.html, but I'm still learning my way around hugo themes.

This is helpful, thank you.

I'm inclined to implement your workaround via the _flexsearch.scss file.

Fixed by f126cd8