Jumping scroll in a List on options change and scrollToIndex defined
See original GitHub issueThe 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:
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:
- Created 6 years ago
- Reactions:2
- Comments:5
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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…
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