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 behavior not working for me #201

Open
haveanicedavid opened this issue Aug 13, 2020 · 2 comments
Open

scroll behavior not working for me #201

haveanicedavid opened this issue Aug 13, 2020 · 2 comments

Comments

@haveanicedavid
Copy link

haveanicedavid commented Aug 13, 2020

Hi again! I'm having trouble getting the scroll behavior to work. I've been trying to troubleshoot but am struggling a bit.

It looks like the container HTMLDivElement being referenced to scroll (where you're setting the scrollTop) is the container div (which dropdownClassname references), however the actual overflow & scroll behavior occurs within the child ul (which the listClassName property references).

Is it possible that the dropdownRef passed to _dropdownScroll() should point to the UL which holds the list?

I can take a whack at changing it later if you'd like, but I figure you know the code better than me so it's worth asking 😄

Loving the lib. Thanks again for your help

@jukben
Copy link
Collaborator

jukben commented Aug 13, 2020

Oh, my, that code is actually rusty as hell 😅.

Can you create some repro? https://codepen.io/jukben/pen/poygeKK I tried this one, this actually works as intended I hope.

Unfortunately, I don't have much time to maintain this library. The whole codebase it's literally begging for rewrite (which won't happen).

@jngbng
Copy link

jngbng commented Dec 17, 2020

I have the similar problem.
When I press down arrow keyboard, suggestion dropdown doesn't scroll, while I can scroll it with mouse (trackpad.)
I resolved it by changing style of dropdown (Autocomplete).

<ReactTextareaAutocomplete
  ...
  dropdownStyle={{
    maxHeight: 100,
    overflow: "auto",
 }}
/>

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

3 participants