From da2a7bad7e0c526fb331c7255e33f0adf2b9eddf Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 21 Mar 2023 14:03:32 -0400
Subject: [PATCH 1/2] fix wonky drag mirror

---
 resources/js/components/fieldtypes/ListFieldtype.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/components/fieldtypes/ListFieldtype.vue b/resources/js/components/fieldtypes/ListFieldtype.vue
index bd2bf8f5259..ff9ccd8dc5c 100644
--- a/resources/js/components/fieldtypes/ListFieldtype.vue
+++ b/resources/js/components/fieldtypes/ListFieldtype.vue
@@ -6,6 +6,7 @@
                 :vertical="true"
                 item-class="sortable-row"
                 handle-class="sortable-handle"
+                :mirror="false"
                 @dragstart="$emit('focus')"
                 @dragend="$emit('blur')"
             >

From ce044bf4e0ce1d098bf66bf599094257afb8d3c7 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 21 Mar 2023 14:06:01 -0400
Subject: [PATCH 2/2] hide table when empty to fix empty state

---
 .../components/fieldtypes/ListFieldtype.vue   | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/resources/js/components/fieldtypes/ListFieldtype.vue b/resources/js/components/fieldtypes/ListFieldtype.vue
index ff9ccd8dc5c..7984f45f979 100644
--- a/resources/js/components/fieldtypes/ListFieldtype.vue
+++ b/resources/js/components/fieldtypes/ListFieldtype.vue
@@ -1,15 +1,15 @@
 <template>
     <div class="table-field">
-        <table class="table-fieldtype-table">
-            <sortable-list
-                v-model="data"
-                :vertical="true"
-                item-class="sortable-row"
-                handle-class="sortable-handle"
-                :mirror="false"
-                @dragstart="$emit('focus')"
-                @dragend="$emit('blur')"
-            >
+        <sortable-list
+            v-model="data"
+            :vertical="true"
+            item-class="sortable-row"
+            handle-class="sortable-handle"
+            :mirror="false"
+            @dragstart="$emit('focus')"
+            @dragend="$emit('blur')"
+        >
+            <table class="table-fieldtype-table" v-show="data.length">
                 <tbody>
                     <tr class="sortable-row" v-for="(element, index) in data" :key="element._id">
                         <td class="sortable-handle table-drag-handle" v-if="!isReadOnly" :class="{'rounded-tl': index === 0 }"></td>
@@ -33,8 +33,8 @@
                         </td>
                     </tr>
                 </tbody>
-            </sortable-list>
-        </table>
+            </table>
+        </sortable-list>
 
         <button class="btn" @click="addItem" v-if="!isReadOnly">
             {{ addButton }}