From 6e975e5f8ed4a42f8f8155f8c17dc64173c3cec2 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sun, 1 Feb 2026 11:54:40 +0300
Subject: [PATCH] feat(VirtualList): add animate logic

---
 src/shared/ui/VirtualList/VirtualList.svelte | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/shared/ui/VirtualList/VirtualList.svelte b/src/shared/ui/VirtualList/VirtualList.svelte
index 3c6bf35..2ce1070 100644
--- a/src/shared/ui/VirtualList/VirtualList.svelte
+++ b/src/shared/ui/VirtualList/VirtualList.svelte
@@ -13,6 +13,8 @@ import { createVirtualizer } from '$shared/lib';
 import { ScrollArea } from '$shared/shadcn/ui/scroll-area';
 import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import type { Snippet } from 'svelte';
+import { flip } from 'svelte/animate';
+import { quintOut } from 'svelte/easing';
 
 interface Props {
     /**
@@ -149,9 +151,11 @@ $effect(() => {
                 data-index={item.index}
                 class="absolute top-0 left-0 w-full"
                 style:transform="translateY({item.start}px)"
+                animate:flip={{ delay: 0, duration: 300, easing: quintOut }}
             >
                 {#if item.index < items.length}
                     {@render children({
+    // TODO: Fix indenation rule for this case
     item: items[item.index],
     index: item.index,
     isVisible: item.isVisible,