question-mark
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.

Jumping scroll in a List on options change and scrollToIndex defined

See original GitHub issue

The easiest way to reproduce is to use react-virtualized-select as locally I use a List control inside InfiniteLoader based on source of react-virtualized-select. I had no such issue on a version 9.9

Picture: rv_bug

Example: https://istarkov.github.io/rv-bug/index.html

Example source: https://github.com/istarkov/rv-bug/blob/6437eb8f68aff3bccbaeb82cc2bd1dd07c40d5a4/src/App.js#L13-L27

Currently I avoid this issue locally setting scrollToIndex property of List control to undefined whenever scrolling occurs. But its somehow tricky because key up down also a source of scroll events, also works poorly in firefox

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:2
  • Comments:5

github_iconTop GitHub Comments

2reactions
mkawczynski07commented, Oct 24, 2018

It should be mentioned in docs that rowRenderer must return div or any html element rather than component. I had the same problem as @KathrynN and spend more than one day…

0reactions
KathrynNcommented, Jun 20, 2018

I’m also having this problem with List (not inside a select) when scrolling too quickly. Solved it after some investigation by wrapping the components used by the list item generator in a div

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native FlatList scrollToIndex with Fixed or ... - YouTube
In this video, I show you how to use the scrollToIndex function to scroll to a row with a certain index in a...
Read more >
Flutter: Scrolling to a widget in ListView - Stack Overflow
Using Scrollable.ensureVisible(widgetKey.currentContext) does scroll the widgets even in Slivers. All you have to do is set Global Keys for your widgets and ...
Read more >
FlatList - React Native
A performant interface for rendering basic, flat lists, supporting the most handy features:
Read more >
overscroll-behavior - CSS: Cascading Style Sheets | MDN
Default scroll overflow behavior is observed inside the element this value is set on (e.g. "bounce" effects or refreshes), but no scroll ......
Read more >
Scroll to a Specific Item in ScrollView List View - About React
In this, we have to pass the X and Y location to scroll and animated (True/False). ref.scrollTo({ x: 0, y: dataSourceCords[scrollToIndex - 1],...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found