[Bug Report][3.6.10] App v-footer causes "ResizeObserver loop completed with undelivered notifications" error message in Safari

[basuneko]

Environment

Vuetify Version: 3.6.10 Vue Version: 3.4.30 Browsers: Safari 17.5 Safari 17.5 (desktop build: 19618.2.12.11.6, mobile build unknown) OS: Mac OS 10.15.7, iOS 17.5.1

Steps to reproduce

1. Open the the reproduction link in safari
2. Open the devtools console
3. Click the Show Footer button multiple times (10? 20?, try clicking it fast) Note: the main content must be tall enough to cause scrolling

Expected Behavior

No errors are shown

Actual Behavior

"ResizeObserver loop completed with undelivered notifications." is shown in the console

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

In the playground reproduction it seems that you have to toggle the footer pretty fast.

However, in our app this error occurs every time when doing a router navigation to a page with this kind of layout (i.e. when clicking an internal link, but not when refreshing the page).

We also have a few other "app" components on the page: v-app-bar, f-fab, v-navigation-drawer - none of them seem to cause this error message.

It doesn't look like the error breaks anything but it's generating a few hundred exception reports a day.

Playground

https://github.com/vuetifyjs/vuetify/assets/505411/41ccd888-5f2a-48a6-9e25-99f0e77ddf06

Console output from the real app with 3 navigations

https://github.com/vuetifyjs/vuetify/assets/505411/0e8036e3-3948-4a56-a6df-a79a2acffd20