✨ Disable drag enter/leave animation in webkit browsers

frontend/src/app/main/ui/dashboard/grid.cljs

@@ -294,7 +294,8 @@
           (fn [e]
             (when (dnd/has-type? e "penpot/files")
               (dom/prevent-default e)
-              (when-not (dnd/from-child? e)
+              (when-not (or (dnd/from-child? e)
+                            (dnd/broken-event? e))
                 (when (not= selected-project project-id)
                   (reset! dragging? true))))))
 

frontend/src/app/util/dom/dnd.cljs

@@ -98,6 +98,14 @@
         related (.-relatedTarget e)]
     (.contains target related)))
 
+(defn broken-event?
+  [e]
+  ;; WebKit browsers (Safari & Epiphany) do not send the relatedEvent
+  ;; property (https://bugs.webkit.org/show_bug.cgi?id=66547) so
+  ;; there is no decent way of discriminating redundant enter/leave
+  ;; events.
+  (nil? (.-relatedTarget e)))
+
 (defn get-data
   ([e]
    (get-data e "penpot/data"))