LearnNewsExamplesServices
Frontmatter
id2216
titleInspect the event flickering while infinite scrolling inside the calendar week view
stateClosed
labels
enhancementhelp wanted
assignees[]
createdAtMay 31, 2021, 12:38 PM
updatedAtMay 31, 2021, 1:16 PM
githubUrlhttps://github.com/neomjs/neo/issues/2216
authortobiu
commentsCount3
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtMay 31, 2021, 1:16 PM

Inspect the event flickering while infinite scrolling inside the calendar week view

Closed v8.1.0 enhancementhelp wanted
tobiu
tobiu commented on May 31, 2021, 12:38 PM

Video: https://youtu.be/ugL4zh55FFw

My guess is that this is related to re-using the same dom ids for calendar events. There could be browser caching in place, quickly moving previously used nodes from their last position to the new one.

tobiu added the enhancement label on May 31, 2021, 12:38 PM
tobiu added the help wanted label on May 31, 2021, 12:38 PM
tobiu
tobiu May 31, 2021, 12:46 PM

just tested it without specific event ids, still stays the same.

tobiu
tobiu May 31, 2021, 1:12 PM

the delta updates look fine as well: 28 deltas: 7 for adding new col headers, 7 for removing the old ones. 7 for adding new column bodies, 7 for removing the old ones.

tobiu
tobiu May 31, 2021, 1:15 PM

I think the main problem is, that we are rendering events and at the same point the column positions "jump" sidewards (infinite scrolling).

To resolve this, we can delay the event rendering into the next animation frame (a delay of 50ms is sufficient).

tobiu referenced in commit 09f0ab8 - "Inspect the event flickering while infinite scrolling inside the calendar week view #2216" on May 31, 2021, 1:16 PM
tobiu closed this issue on May 31, 2021, 1:16 PM