From 71c6985ef6dae60257cbee760e182e9d9341df2e Mon Sep 17 00:00:00 2001
From: taiebot <dedreuil@yahoo.fr>
Date: Wed, 17 Jun 2026 23:03:54 +0200
Subject: [PATCH] Fix Embed table full scroll (#5)

* Fix remove sticky and scroll everything

Widget is small so let the user scroll

Signed-off-by: taiebot <dedreuil@yahoo.fr>

* Fix comment

Signed-off-by: taiebot <dedreuil@yahoo.fr>

---------

Signed-off-by: taiebot <dedreuil@yahoo.fr>
---
 src/views/ContentReferenceWidget.vue | 108 +++++++++++++--------------
 1 file changed, 54 insertions(+), 54 deletions(-)

diff --git a/src/views/ContentReferenceWidget.vue b/src/views/ContentReferenceWidget.vue
index df55799df9..a6a8970369 100644
--- a/src/views/ContentReferenceWidget.vue
+++ b/src/views/ContentReferenceWidget.vue
@@ -246,70 +246,70 @@ export default {
 </script>
 <style lang="scss" scoped>
 
-	.tables-content-widget {
-		min-height: max(50vh, 200px);
-		height: 50vh;
-		overflow: scroll;
+.tables-content-widget {
+    min-height: max(50vh, 200px);
+    height: 50vh;
+    overflow: auto;
 
-		& .header {
-			position: sticky;
-			top: 0;
-			inset-inline-start: 0;
-			z-index: 1;
+    & .header {
+        position: static;
+        top: auto;
+        inset-inline-start: auto;
+        z-index: auto;
 
-			:where(.options) {
-				position: sticky;
-				top: 57px;
-				z-index: 1;
-				padding-bottom: 10px;
-				background-color: var(--color-main-background);
-			}
+        :where(.options) {
+            position: static;
+            top: auto;
+            z-index: auto;
+            padding-bottom: 10px;
+            background-color: var(--color-main-background);
+        }
 
-			h2 {
-				position: sticky;
-				top: 0;
-				min-width: var(--widget-content-width);
-				z-index: 1;
-				background-color: var(--color-main-background);
-				margin: 0 !important;
-				padding: calc(var(--default-grid-baseline) * 4);
+        h2 {
+            position: static;
+            top: auto;
+            min-width: var(--widget-content-width);
+            z-index: auto;
+            background-color: var(--color-main-background);
+            margin: 0 !important;
+            padding: calc(var(--default-grid-baseline) * 4);
 
-				& .loading-icon {
-					display: inline-block;
-					vertical-align: middle;
-				}
-			}
-		}
+            & .loading-icon {
+                display: inline-block;
+                vertical-align: middle;
+            }
+        }
+    }
 
-		.nc-table {
-			min-width: var(--widget-content-width);
+    .nc-table {
+        min-width: var(--widget-content-width);
 
-			:where(.options.row) {
-				display: none;
-			}
+        :where(.options.row) {
+            display: none;
+        }
 
-			:where(thead) {
-				position: sticky;
-				top: 117px;
+        :where(thead) {
+            position: static;
+            top: auto;
 
-				:where(.cell-wrapper) {
-					min-width: 150px;
-					max-width: 200px;
-				}
+            :where(.cell-wrapper) {
+                min-width: 150px;
+                max-width: 200px;
+            }
 
-				:where(.sticky) {
-					background: transparent !important;
-				}
-			}
-		}
+            :where(.sticky) {
+                background: transparent !important;
+            }
+        }
+    }
 
-		& :deep(.options.row) {
-			width: calc(var(--widget-content-width, 100%) - 12px);
-		}
+    & :deep(.options.row) {
+        width: calc(var(--widget-content-width, 100%) - 12px);
+    }
 
-		& :deep(td) {
-			vertical-align: middle !important;
-		}
-	}
+    & :deep(td) {
+        vertical-align: middle !important;
+    }
+}
 
 </style>