glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(VirtualList): add will-change: transform to absolute positioned components

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-06 13:38:03 +03:00
parent 8580884896
commit 352f30a558
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/shared/ui/VirtualList/VirtualList.svelte
View File

@@ -178,7 +178,7 @@ $effect(() => {
<div <div
use:virtualizer.measureElement use:virtualizer.measureElement
data-index={item.index} data-index={item.index}
class="absolute top-0 left-0 w-full" class="absolute top-0 left-0 w-full will-change-transform"
style:transform="translateY({item.start}px)" style:transform="translateY({item.start}px)"
> >
{#if item.index < items.length} {#if item.index < items.length}
@@ -210,7 +210,7 @@ $effect(() => {
<div <div
use:virtualizer.measureElement use:virtualizer.measureElement
data-index={item.index} data-index={item.index}
class="absolute top-0 left-0 w-full" class="absolute top-0 left-0 w-full will-change-transform"
style:transform="translateY({item.start}px)" style:transform="translateY({item.start}px)"
animate:flip={{ delay: 0, duration: 300, easing: quintOut }} animate:flip={{ delay: 0, duration: 300, easing: quintOut }}
> >