Issue metadata
Sign in to add a comment
|
[scroll anchoring] bad adjustments on infinite scroller reusing nodes
Reported by
oleg.lus...@gmail.com,
Dec 2 2016
|
||||||||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.75 Safari/537.36 Steps to reproduce the problem: 1. Open https://oleglustenko.github.io/infinity_scroll_react-table/ in chrome 55.0.2883.75 m (64-bit) 2. And scroll the table 3. Open the same table in chrome lower version What is the expected behavior? correct scroll working What went wrong? scroll trigger twice. Sometimes scroll goes unstoppable Did this work before? No Chrome version: 55.0.2883.75 Channel: stable OS Version: 10.0 Flash Version: Shockwave Flash 23.0 r0
,
Dec 2 2016
This is unfortunately the expected behavior of scroll anchoring interacting with the implementation of the infinite scroller. As you scroll down, the script increases the height of the #gridgridrectop element to push the visible <tr> elements down, and swaps out their contents to pretend that they are new rows. The best fix is for the site to put "overflow-anchor: none" on the entire table.
,
Dec 2 2016
Is this a standard React infinite scroll or a custom one made for this page? If the former, I worry that this might be more widespread. skobes, would you be willing to put together a somewhat reduced test case? I'm having trouble understanding exactly what's going wrong.
,
Dec 3 2016
It looks like the infinite scrolling functionality is not coming from React, though it's a bit hard to tell from the minimized JS. Here is a trivial infinite scroller that demonstrates the issue: https://output.jsbin.com/xejuca
,
Dec 3 2016
Yes, it's custom infinity scroll. Source of code in branch gh-pages. Here example of code: https://github.com/OlegLustenko/infinity_scroll_react-table/blob/gh-pages/src/components/app.js thank you skobes@chromium.org. I'll try overflow-anchor
,
Jan 5 2017
,
Jan 11 2017
,
Jan 11 2017
,
Feb 11 2017
|
|||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||
Comment 1 by dtapu...@chromium.org
, Dec 2 2016Components: -Blink Blink>Scroll
Labels: -OS-Windows -Type-Bug -Pri-2 OS-All Pri-1 Type-Bug-Regression
Owner: skobes@chromium.org
Status: Assigned (was: Unconfirmed)