ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix "Uncaught ResizeObserver loop completed with undelivered notifications" error

Browse Source 
Was caused due to creating a temporary div inside a resize observer callback.
By moving the temp div outside the viewport, it does not the trigger resize observer again
This commit is contained in:
schroda
2025-01-31 01:54:39 +01:00
parent 2c4a17b32f
commit dc9f6fc863
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/modules/core/utils/MediaQuery.tsx
View File

@@ -37,6 +37,8 @@ export class MediaQuery {
private static getScrollbarSize(type: 'height' | 'width'): number { private static getScrollbarSize(type: 'height' | 'width'): number {
const outer = document.createElement('div'); const outer = document.createElement('div');
outer.style.position = 'absolute';
outer.style.top = '-9999px';
outer.style.visibility = 'hidden'; outer.style.visibility = 'hidden';
outer.style.overflow = 'scroll'; outer.style.overflow = 'scroll';
document.body.appendChild(outer); document.body.appendChild(outer);
@@ -49,7 +51,7 @@ export class MediaQuery {
const width = outer.offsetWidth - inner.offsetWidth; const width = outer.offsetWidth - inner.offsetWidth;
const height = outer.offsetHeight - inner.offsetHeight; const height = outer.offsetHeight - inner.offsetHeight;
outer.parentNode?.removeChild(outer); document.body.removeChild(outer);
return type === 'height' ? height : width; return type === 'height' ? height : width;
} }