Merge pull request #5 from Abrakso/patch-1

disable form overflow on zoom image
agoalofalife · Aug 28, 2023 · b1539e1 · b1539e1
2 parents f12f27d + 12fb811
commit b1539e1
Showing 1 changed file with 14 additions and 5 deletions.
diff --git 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 + '%'
         })