suppress ResizeObserver loop completed with undelivered notifications.

[dh049]

is there a way to suppress the know ResizeObserver loop errors? very annoying when working locally...

[inokawa]

The errors will be dispatched on window so you can ignore them something like this:

virtua/stories/react/advanced/With react-beautiful-dnd.stories.tsx

Lines 68 to 73 in 24dd4f3

	const onError = (e: ErrorEvent) => {
	if (e.message.includes("ResizeObserver")) {
	e.stopImmediatePropagation();
	}
	};
	window.addEventListener("error", onError);

https://github.com/inokawa/virtua?tab=readme-ov-file#what-is-resizeobserver-loop-completed-with-undelivered-notifications-error

It's a common problem with virtual scroller using ResizeObserver. I hope w3c/csswg-drafts#5488 will be resolved...

[dh049]

this is not working for me. any other ideas? i still get the error in spite of e.stopImmediatePropagation();

[dh049]

currently using this as my workaround, which im not proud of:
function onError(evt: ErrorEvent) {
if (evt.message.includes("ResizeObserver")) {
evt.stopImmediatePropagation();
evt.stopPropagation();
evt.preventDefault();
const resizeObserverErr = document.getElementById("webpack-dev-server-client-overlay");
resizeObserverErr && resizeObserverErr.remove();
}
}
window.addEventListener("error", onError);

[inokawa]

If you don't want webpack-dev-server to display overlay, you can use runtimeErrors option to filter out the errors caused by ResizeObserver.

https://webpack.js.org/configuration/dev-server/#overlay