rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-03-03 03:17:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
QuantumEntangledAndy 2024-10-10 10:41:40 +07:00
parent 6cca977d07
commit b05d5e12fe
No known key found for this signature in database
GPG Key ID: 3EB4B66F30C609B6
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/scripts/popup.js
View File

@ -182,6 +182,14 @@ export class Popup {
if (!this.dlg.showModal) { if (!this.dlg.showModal) {
this.dlg.classList.add('poly_dialog'); this.dlg.classList.add('poly_dialog');
dialogPolyfill.registerDialog(this.dlg); 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.body = this.dlg.querySelector('.popup-body');
this.content = this.dlg.querySelector('.popup-content'); this.content = this.dlg.querySelector('.popup-content');