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');