Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

List automatically scrolled to the top after selecting item from the bottom of scrollable list

See original GitHub issue

downshift version: 1.22.3
node version: 8.9.3
npm (or yarn) version: 5.5.1

What you did: I have multiselect implemented (checkbox + label items), scrollable list, I selected the item from the bottom of scrollable list (selectItem method).

What happened: after selecting the item from the bottom of scrolled list, the list automatically scrolled to the top which is not intended behavior.

downshift-jump

Is there any way to prevent it? When I select item I want the scrollable dropdown list to stay at the same scrolled position.

Issue Analytics

State:
Created 6 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

kentcdoddscommented, Dec 27, 2017

Hmm… I feel like a well placed onClick handler with event.preventDefault() could help here.

Also, there was recently a release that may have fixed this 🤔 are you on the latest?

0reactions

m0onspellcommented, Aug 11, 2022

For me it was (at least it seams so) auto focusing on search input element after you choose an element. Not sure what was causing it to focus, but since my search input is inside the menu itself on the top of the list, focusing was causing scroll to it. I just solved the problem by making search input sticky to top of the menu container.