From 6c198223a32aa814238e2277653792253e2aadb7 Mon Sep 17 00:00:00 2001
From: "Matt J." <matthieu@probabl.ai>
Date: Mon, 27 Jan 2025 14:32:00 +0100
Subject: [PATCH] fix(UI): Remove rasterizing of items in draggable lists
 (#1231)

As `DraggableList` now use another strategy to move item and presents
the drag feedback, it occurs that raster of all items is not needed
anymore.

Indeed this leads to a nice optimisation in responsiveness especially
when using large table reports.

Closes #1177.
---
 skore-ui/src/components/DraggableList.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/skore-ui/src/components/DraggableList.vue b/skore-ui/src/components/DraggableList.vue
index f4cec0c07..cbb563d37 100644
--- a/skore-ui/src/components/DraggableList.vue
+++ b/skore-ui/src/components/DraggableList.vue
@@ -5,8 +5,6 @@ import interact from "interactjs";
 import Simplebar from "simplebar-core";
 import { onBeforeUnmount, onMounted, ref, useTemplateRef } from "vue";
 
-import DynamicContentRasterizer from "@/components/DynamicContentRasterizer.vue";
-
 interface Item {
   name: string;
   [key: string]: any;
@@ -208,9 +206,7 @@ onBeforeUnmount(() => {
           :style="topDropIndicatorStyles()"
         />
         <div class="content" :class="{ moving: movingItemIndex === index }">
-          <DynamicContentRasterizer :isRasterized="movingItemIndex !== -1">
-            <slot name="item" v-bind="item"></slot>
-          </DynamicContentRasterizer>
+          <slot name="item" v-bind="item"></slot>
         </div>
         <div class="drop-indicator bottom" :class="{ visible: dropIndicatorPosition === index }" />
       </div>