From 7a07ec212ceff1dde1e581e4410f4909c9fabb09 Mon Sep 17 00:00:00 2001
From: janlindso <jan.frode.lindso@gmail.com>
Date: Tue, 29 Sep 2026 12:20:49 +0200
Subject: [PATCH] Fix Hotspot interaction positions

---
 .../Admin/AdminContentMigrateController.php   | 56 +++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/sourcecode/apis/contentauthor/app/Http/Controllers/Admin/AdminContentMigrateController.php b/sourcecode/apis/contentauthor/app/Http/Controllers/Admin/AdminContentMigrateController.php
index 878776a18..406566a2c 100644
--- a/sourcecode/apis/contentauthor/app/Http/Controllers/Admin/AdminContentMigrateController.php
+++ b/sourcecode/apis/contentauthor/app/Http/Controllers/Admin/AdminContentMigrateController.php
@@ -188,9 +188,65 @@ private function alterParameters(string $parameters, string $libraryName): strin
             */
         }
 
+        if (isset($contentJson["threeImage"]["scenes"])) {
+            $this->fixHotspotInteractionPositions($contentJson["threeImage"]["scenes"]);
+        }
+
         return json_encode($content, flags: JSON_THROW_ON_ERROR);
     }
 
+    /**
+     * Compensate for `transform: translate(-50%, -50%);` set on "nav buttons" shown as hotspot other than GoToScene
+     * in static scenes and panorama scenes.
+     *
+     * @param array &$scenes The scenes array to modify.
+     */
+    private function fixHotspotInteractionPositions(&$scenes)
+    {
+        foreach ($scenes as &$scene) {
+            if ($scene["sceneType"] === "360" || !isset($scene["interactions"])) {
+                continue;
+            }
+
+            foreach ($scene["interactions"] as &$interaction) {
+                if (
+                    $interaction["showAsHotspot"] !== true ||
+                    !isset($interaction["action"]["library"]) ||
+                    $interaction["action"]["library"] === "H5P.GoToScene 0.1"
+                ) {
+                    continue;
+                }
+
+                $positions = isset($interaction["interactionpos"])
+                    ? explode(",", $interaction["interactionpos"])
+                    : [];
+                $sizes = isset($interaction["hotspotSettings"]["hotSpotSizeValues"])
+                    ? explode(",", $interaction["hotspotSettings"]["hotSpotSizeValues"])
+                    : [];
+
+                if (count($positions) < 2 || count($sizes) < 2) {
+                    continue;
+                }
+                // `interactionpos` is something like "1.234%,5.678%"
+                $left = floatval(trim($positions[0]));
+                $top = floatval(trim($positions[1]));
+
+                // `hotSpotSizeValues` is something like `1.234,5.678"
+                $width = floatval($sizes[0]);
+                $height = floatval($sizes[1]);
+
+                $newLeft = $left + $width / 2;
+                $newTop = $top + $height / 2;
+
+                $interaction["interactionpos"] = "{$newLeft}%,{$newTop}%";
+            }
+
+            unset($interaction);
+        }
+
+        unset($scene);
+    }
+
     /**
      * @return array<array{lti_launch_url: string, title: string, content_id: string, update_url: string}>
      * @throws GuzzleException|JsonException|RuntimeException