From dd60ce96888485aba1253dec002c0841aa3fe6c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Sun, 26 Jan 2025 20:59:47 +0100
Subject: [PATCH] fix: scroll parent page to top on iframe load

---
 assets/controllers/iframe_controller.js | 13 +++++++++++++
 templates/booking/edit.html.twig        |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 assets/controllers/iframe_controller.js

diff --git a/assets/controllers/iframe_controller.js b/assets/controllers/iframe_controller.js
new file mode 100644
index 0000000..c7f0442
--- /dev/null
+++ b/assets/controllers/iframe_controller.js
@@ -0,0 +1,13 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+    connect() {
+        if ('parentIframe' in window) {
+            window.iFrameResizer = {
+                onReady: function () {
+                    window.parentIFrame.scrollTo(0, 0)
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/templates/booking/edit.html.twig b/templates/booking/edit.html.twig
index 35b2a74..ef072b3 100644
--- a/templates/booking/edit.html.twig
+++ b/templates/booking/edit.html.twig
@@ -7,7 +7,7 @@
         {% set messages = form.vars.errors|map(error => error.message) %}
         {% include '_partials/_alert.html.twig' with { 'level': 'error', 'title': 'Die Buchung konnte nicht aktualisiert werden', 'messages': messages  } %}
     {% endif %}
-    <div class="flex flex-col space-y-8 pb-4" {{ stimulus_controller('booking', { 'availabilities': availabilities.items }) }}>
+    <div class="flex flex-col space-y-8 pb-4" {{ stimulus_controller('booking', { 'availabilities': availabilities.items }) }} {{ stimulus_controller('iframe') }}>
         <div class="p-8 border border-gray-300 rounded-md"
                 {{ stimulus_controller('toggle', { 'open': true }, { 'closed': 'hidden' }) }}>
             <div role="button" class="flex items-center justify-between" {{ stimulus_action('toggle', 'toggle', 'click') }}>
@@ -210,7 +210,7 @@
             zurück
         </a>
         <button type="submit"
-                class="button bg-button bg-button--secondary" {{ stimulus_action('loading', 'toggle') }}>
+                class="button bg-button bg-button--secondary" {{ stimulus_action('loading', 'toggle', null, { 'scroll': true }) }}>
             Aktualisieren
         </button>
     </div>