From 5762163fb77792cb89735ba51274ff1df8384284 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 25 Sep 2025 10:39:27 +0100
Subject: [PATCH] Fix Safari not supporting `position: relative` on `<tr>`
 elements

---
 resources/js/components/fieldtypes/assets/AssetRow.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/assets/AssetRow.vue b/resources/js/components/fieldtypes/assets/AssetRow.vue
index 00ad2a83ff..d20c0c9818 100644
--- a/resources/js/components/fieldtypes/assets/AssetRow.vue
+++ b/resources/js/components/fieldtypes/assets/AssetRow.vue
@@ -1,5 +1,6 @@
 <template>
-    <tr class="relative cursor-grab bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-900 border-b dark:border-dark-500 last:border-b-0">
+    <!-- Safari doesn't support `position: relative` on `<tr>` elements, but these two properties can be used as an alternative. Source: https://mtsknn.fi/blog/relative-tr-in-safari/ transform: translate(0); clip-path: inset(0); -->
+    <tr class="relative cursor-grab bg-white hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-900 border-b dark:border-dark-500 last:border-b-0" style="transform: translate(0); clip-path: inset(0);">
         <td class="flex gap-3 h-full items-center p-3">
             <div
                 v-if="canShowSvg"