I'm running Cypress to test my Vue 3 app. When running Cypress tests in Edge, I intermittently get the the error ResizeObserver loop completed with undelivered notifications., which because it's uncaught is stopping the tests from running correctly. Sometimes a test will pass, other times it won't. If I run the full test suite of > 100 tests, the error is guaranteed to turn up at least once. No attempts to catch and ignore the error have worked, either in the support file or in the actual specs.
This is especially infuriating because:
ResizeObserver loop completed with undelivered notifications.is an error deemed so unimportant that Chrome and Firefox suppress it by default, so my tests in those browsers work fine (but I have to support Edge).- I'm not using a ResizeObserver anywhere in my code.
I've tried temporarily uninstalling any vendor code that uses ResizeObserver to see if that made a difference (it didn't). The only one I wasn't able to uninstall was rollup as Vue 3 uses that to build.
Another question suggests it could be an extension causing issues, but I have no extensions installed in Edge.
Can anyone help me out of this nightmare?
FWIW, I had this error when i was pressing a vuetify v-select to show the options and the width op the options was wider than that of the dialog in which the v-select was located in. adding
:list-props="{maxWidth:'250px'}to my v-select solved the issues for me.