Result dropdown is static and does not move realtive to viewport

[varundey]

Do you want to request a feature or report a bug? Bug

If the current behavior is a bug, please provide all the steps to reproduce.

• Browse to https://community.algolia.com/docsearch/
• Minimise the height of the browser
• Search for something. Say "test"
• Notice there are multiple search results
• Try to scroll through the search dropdown

What is the expected behavior? The search dropdown should scroll.

What is the current behavior? The dropdown container is fixed and is not scrollable. Instead the website in the background starts to scroll.

I saw this bug first on https://eslint.org/. I realised that when I search for something with multiple results (try something very generic like "variable"), it flows out of the viewport and the container itself is not scrollable. I figured it is an issue with eslint but upon digging a bit, I realised that the bug is coming from DocSearch. Since I could not query on DocSearch which will overflow my browser viewport, I tried resizing the height of browser and voila, bug reproduced! I tested the same behaviour across multiple websites that use DocSearch (react, bootstrap etc) and I could verify the reproducibility of this bug.

[varundey]

Really quick debugging + inspect element and I could come up with putting a scroll next to dropdown which will depend on viewport height

When viewport is small compared to search result div

Otherwise fall back to default

[s-pace]

Hi @varundey,

Thank you for sharing. We do think that most users are not updating the size of the windows while using the website this is why we will treat this bug as a minor one.

We will keep this good feedback once we will release a new version of our website. Thank you for your troubleshoot.

[s-pace]

Might be doable thanks to the v3 (beta so far)