From 82be3f862731a883e6d6298071d3ca4da087628a Mon Sep 17 00:00:00 2001
From: zammarchi-smeup <angelo.zammarchi@smeup.com>
Date: Tue, 5 May 2026 12:44:23 +0200
Subject: [PATCH] fix: avoid tbl droparea to go out the screen

---
 .../kup-data-table/styles/kup-data-table-drag-drop.scss   | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-drag-drop.scss b/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-drag-drop.scss
index 0011fbce00..33e84cee30 100644
--- a/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-drag-drop.scss
+++ b/packages/ketchup/src/components/kup-data-table/styles/kup-data-table-drag-drop.scss
@@ -14,15 +14,18 @@ th[#{$kup-dd-draggable}] {
 }
 
 .droparea {
+  position: absolute;
   animation: fade-in 0.25s ease-out;
   background: var(--kup_datatable_background_color);
   border-radius: 8px;
   box-shadow: var(--kup-box-shadow);
-  display: none;
+  display: flex;
+  opacity: 0;
   padding: 1em 0.5em;
+  transition: opacity 0.25s;
 
   &--visible {
-    display: flex;
+    opacity: 1;
   }
 
   &__groups {
@@ -42,7 +45,6 @@ th[#{$kup-dd-draggable}] {
     margin: 0 0.5em;
     opacity: 0.5;
     position: relative;
-    transition: opacity 0.25s;
     width: 50px;
 
     .f-image {