[Bug]: Safari iOS Dialog BodyScrollLock not working

[94726]

Environment

Developement/Production OS: Windows 10 19043.1110
Node version: 20.15.0
Package manager: [email protected]
Radix Vue version: 1.9.9
Vue version: 3.5.12
Nuxt version: 3.14.159
Nuxt mode: universal
Nuxt target: server
CSS framework: [email protected]
Client OS: MacOS Version 14.6.1
Browser: Chrome 130.0.6723.117

Link to minimal reproduction

https://www.radix-vue.com/components/dialog.html#nested-dialog

Steps to reproduce

On iOS Safari:

1. scroll down, such that the native safari footer collapses
2. open dialog
3. scroll outside the dialog

Describe the bug

This bug allows one to still scroll the body, when a Dialog is opened, on mobile safari.

Expected behavior

Should be able to scroll the body.

Context & Screenshots (if applicable)

This bug only works when the native safari footer is collapsed (e.g. when previously scrolled down)
Otherwise it behaves as expected 🤷

Then it'll allow you to continue to scroll, with the dialog being open.

RadixScrollLockIssue.mov

[zernonia]

related to #575