From 12fb811d331e1d9611b8299f65def4f95c7c37f5 Mon Sep 17 00:00:00 2001
From: Abrakso <44148694+Abrakso@users.noreply.github.com>
Date: Mon, 28 Aug 2023 20:49:09 +0700
Subject: [PATCH] disable form overflow on zoom image

---
 .../js/controllers/image_zoom_controller.js   | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/resources/js/controllers/image_zoom_controller.js b/resources/js/controllers/image_zoom_controller.js
index 6a307dc..dce224f 100644
--- a/resources/js/controllers/image_zoom_controller.js
+++ b/resources/js/controllers/image_zoom_controller.js
@@ -2,20 +2,29 @@ import Zooming from 'zooming'
 export default class extends window.Controller {
     connect() {
         const zooming = new Zooming({
-            onBeforeOpen: function () {
+            onBeforeOpen: function() {
                 var table = document.querySelector('.table-responsive');
+                var form = document.querySelector('#post-form');
                 var itHasHappenedInTable = table !== null;
+                var itHasHappenedInPostForm = form !== null;
                 if (itHasHappenedInTable) {
-                    document.querySelector('.table-responsive').style.overflowX = 'visible'
+                    document.querySelector('.table-responsive').style.overflowX = 'visible';
+                }
+                if (itHasHappenedInPostForm) {
+                    form.classList.remove('overflow-hidden');
                 }
             },
-            onClose: function () {
+            onClose: function() {
                 var table = document.querySelector('.table-responsive');
+                var form = document.querySelector('#post-form');
                 var itHasHappenedInTable = table !== null;
+                var itHasHappenedInPostForm = form !== null;
                 if (itHasHappenedInTable) {
-                    document.querySelector('.table-responsive').style.overflowX = 'auto'
+                    document.querySelector('.table-responsive').style.overflowX = 'auto';
+                }
+                if (itHasHappenedInPostForm) {
+                    form.classList.add('overflow-hidden');
                 }
-
             },
             customSize: this.data.get('zoompercent') || 100 + '%'
         })