aerie-ui icon indicating copy to clipboard operation
aerie-ui copied to clipboard

Add virtual rendering to timeline rows when scrolling

Open camargo opened this issue 3 years ago • 2 comments

For timelines with potentially many rows, rendering rows that are out of view is an inefficient use of browser resources. This ticket is to implement a virtual rendering scheme when scrolling that only adds rows to the DOM that are currently in view for a timeline.

camargo avatar Dec 06 '22 00:12 camargo

Here is an existing virtual list component we could look at using: https://github.com/sveltejs/svelte-virtual-list

camargo avatar Jan 04 '23 20:01 camargo

Could also look into using something like: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

duranb avatar Nov 13 '23 19:11 duranb