Use a resize observer to center the popup after an image is loaded when polyfilled

b05d5e12fe2940b189812f6ceddea95d91c7ccec

QuantumEntangledAndy <sheepchaan@gmail.com>

Signed

public/scripts/popup.js+8 -0 Viewed

         if (!this.dlg.showModal) {
             this.dlg.classList.add('poly_dialog');
             dialogPolyfill.registerDialog(this.dlg);
+            // Force a vertical reposition after the content
+            // (like crop image) has been set
+            const resizeObserver = new ResizeObserver((entries) => {
+                for (const entry of entries) {
+                    dialogPolyfill.reposition(entry.target);
+                }
+            });
+            resizeObserver.observe(this.dlg);
+        }
         this.body = this.dlg.querySelector('.popup-body');
         this.content = this.dlg.querySelector('.popup-content');