Open DevTools and in Performance tab set CPU throttling to be 6x slowdown
In plunker click "Add items..." button
Scroll down in list, click "Load more items..." and press 2x Home key on keyboard.
When I remove progress indicator the issue disappears. Not sure if the reason is that its animation causes the CPU be higher or if it is somehow in collision with virtual-repeat.for.
I'm submitting a bug report
Please tell us about your environment:
Operating System: Windows 10
Node Version: 6.11.4
NPM Version: 6.1.0
JSPM OR Webpack AND Version JSPM 0.16.53
Browser: Tested on Chrome 68.0.3440.106
Language: TypeScript 2.8.1
Current behavior: When CPU is high and new items are added to the list and then list is quickly scrolled to the top, empty list item appears.
Steps to reproduce:
When I remove progress indicator the issue disappears. Not sure if the reason is that its animation causes the CPU be higher or if it is somehow in collision with virtual-repeat.for.