Comments (14)
@twoKilo Can you show me the reproduced video? BTW, if you set the smooth
of the scrollToItem
to false
. Does it work as expected?
from react-cool-virtual.
@twoKilo Can you show me the reproduced video? BTW, if you set the
smooth
of thescrollToItem
tofalse
. Does it work as expected?
After setting option smooth into false, it is still not working.
you can see that it's not scrolled to the latest message and can only scroll the list by dragging the scrollbar.
Let me know if you've seen the GIF, I need to delete it...
ps: can we speak Chinese,pls?
from react-cool-virtual.
Sorry, I don't have Windows OS in my Macbook Pro, so I need your help with debugging. Is there any error on the console tab of your Google Dev Tools? Does the scrollto
and the startitem
work?
You can delete the GIFs.
I think we'd better use English for the issue because this issue might help others someday.
from react-cool-virtual.
@wellyshen
No, there is no error either on the console or Dev tool. I will test the functionality of scrollTo
later, but I can't use startItem
cause I am using version 0.5.5, and upgrading a package in my company takes some efforts... But do let me know if you want it to be verified.
Also, I've received a feedback from test team that the auto scroll feature is not working on Sogou browser(speed version) which is achieved by using scrollToItem
api. And I've tried the scrollTo
, it's working as expected on Sogou browser.
Currently I am also on MacOS, I'll get back to you with a reproducing demo on Sogou browser as soon as I can.
Debugging can wait ; )
from react-cool-virtual.
@twoKilo Can you upgrade to the latest version then test these methods locally? I think we can focus on Google Chrome first because Sogou is based on Chromium.
from react-cool-virtual.
@wellyshen I've upgraded to the 0.6.0 version, and tested on Windows (smooth scroll enabled), and scrollToItem
is still not working.
I think Sogou does not share the same issue with Chrome on Windows(smooth scroll enabled). But okay, we can focus on the topic issue first. Still I hope you can look into Sogou issue anyway.
Appreciated.
from react-cool-virtual.
@twoKilo How about the startItem
and scrollTo
do them work? BTW, the latest version is v0.7.0.
from react-cool-virtual.
@wellyshen I've updated to v0.7.0, and tested on Windows (smooth scroll enabled), scrollToItem
and startItem
both not working. scrollTo
is working as expected.
from react-cool-virtual.
@twoKilo Have you enabled the smooth: true
when trying the scrollToItem
and scrollTo
methods?
from react-cool-virtual.
@twoKilo I have gotten a Windows laptop, will investigate this issue soon.
from react-cool-virtual.
@twoKilo Sorry I'm busying recently. Will investigate this issue once I have time.
from react-cool-virtual.
@twoKilo Hey mate, sorry for the late response. I tried to reproduce this issue on Windows 11 + Chrome + smooth scrolling enabled, but I can't reproduce it. Did I miss something?
scroll-to-item.mov
from react-cool-virtual.
@twoKilo Feel free to re-open it if you still encounter this problem.
from react-cool-virtual.
@wellyshen Idk if it the same, but I faced issue when scrollBehavior: "smooth"
set to outer
and if you have "light" data it will start lagging about on 300th element, but in work i have heavy one and I faced it from start. There example forked from RCV examples. Of course there are no issue when we delete scrollBehavior: "smooth"
from outer
from react-cool-virtual.
Related Issues (20)
- How to test app with react-cool-virtual ? HOT 1
- Bi-directional infinite scroll example HOT 4
- `requestAnimationFrame` doesn't really help with scroll jumping HOT 7
- OuterRef and InnerRef can`t assign to my elements HOT 1
- Reverse infinity scroll with Safari / iOS flickers and jumps HOT 1
- sticking to bottom invalid without "smooth" HOT 4
- scrollToItem doesn't work as expected when using StickyHeaders HOT 4
- Can't scroll at the end of a million data.
- Initial render at end of list
- Are there any examples with <table> tag? HOT 1
- If you scroll quickly to the end of the list of items in the Infinite Scroll, it does not load the data
- Bug when virtualizing a filtered array HOT 4
- Typescript error TS2322 - for outerRef and innerRef HOT 3
- Rendering data on test environment
- A scrolling error occurs when "transform: scale(0.5)" is applied to the parent element (outer).
- Not Working with `table`, 'tableHead', `tableBody`, `tr` and `th` tags
- measureRef prevents component list item component memoization
- ResizeObserver loop completed with undelivered notifications
- Add easier way to scroll to the bottom of the list
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-cool-virtual.