From be991b99fc91479c85275c227ff7e40e5e9215d6 Mon Sep 17 00:00:00 2001
From: overflowerror <mail@overflowerror.com>
Date: Fri, 2 Aug 2024 22:01:21 +0200
Subject: [PATCH] fix: img-preload doesn't support data prefix + running cursor
 fix on load doesn't work

---
 resources/js/img-preload.ext.js | 7 ++++++-
 view/fragments/mob.php          | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/resources/js/img-preload.ext.js b/resources/js/img-preload.ext.js
index 8e3b8e2..d88c5aa 100644
--- a/resources/js/img-preload.ext.js
+++ b/resources/js/img-preload.ext.js
@@ -4,7 +4,12 @@ console.log("module loaded");
 
 htmx.defineExtension('img-preload', {
     onEvent: (name, event) => {
-        if ((event?.target?.getAttribute("hx-ext") ?? "") !== "img-preload") {
+        if (
+            (
+                event?.target?.getAttribute("hx-ext") ??
+                event?.target?.getAttribute("data-hx-ext" ?? "")
+            ) !== "img-preload"
+        ) {
             return;
         }
 
diff --git a/view/fragments/mob.php b/view/fragments/mob.php
index 63a47b7..c3d605d 100644
--- a/view/fragments/mob.php
+++ b/view/fragments/mob.php
@@ -10,7 +10,7 @@
         <input type="hidden" name="csrfToken" value="<?= $csrfToken ?>">
         <h2><?= $mob["name"]; ?></h2>
         <img alt="<?= $mob["name"]; ?>" src="/images/mobs/<?= $mob["image"] ?? "_placeholder.png"; ?>">
-        <script>document.getElementById("form-<?= $side ?>").style.cursor = "pointer";</script>
+        <script>setTimeout(() => { document.getElementById("form-<?= $side ?>").style.cursor = "pointer"; }, 1);</script>
         <noscript><input class="fallback" type="submit" value="<?= $mob["name"]; ?>"></noscript>
     </form>
 </div>