[6.x] Prevent layout change when reordering grid rows (#13862)

duncanmcclean · web-flow · commit fe224f46508c · 2026-02-13T17:30:30.000-05:00
Prevent layout change when reordering grid rows
diff --git a/resources/js/components/fieldtypes/grid/StackedRow.vue b/resources/js/components/fieldtypes/grid/StackedRow.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="bg-white dark:bg-gray-850 rounded-xl ring ring-gray-300 dark:ring-x-0 dark:ring-b-0 dark:ring-gray-700 shadow-ui-md"
+        class="@container/panel bg-white dark:bg-gray-850 rounded-xl ring ring-gray-300 dark:ring-x-0 dark:ring-b-0 dark:ring-gray-700 shadow-ui-md"
         :class="[sortableItemClass, { 'opacity-50': isExcessive, 'ring-red-500': hasError }]"
         :data-error="hasError ?? undefined"
     >

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div`
`3`		`- class="bg-white dark:bg-gray-850 rounded-xl ring ring-gray-300 dark:ring-x-0 dark:ring-b-0 dark:ring-gray-700 shadow-ui-md"`
	`3`	`+ class="@container/panel bg-white dark:bg-gray-850 rounded-xl ring ring-gray-300 dark:ring-x-0 dark:ring-b-0 dark:ring-gray-700 shadow-ui-md"`
`4`	`4`	`:class="[sortableItemClass, { 'opacity-50': isExcessive, 'ring-red-500': hasError }]"`
`5`	`5`	`:data-error="hasError ?? undefined"`
`6`	`6`	`>`