[Bug Report][3.10.3] V-Overlay in MobileDevices with Mode "as DesktopWindow" is positioned incorrectly

[Leubeling]

Environment

Vuetify Version: 3.10.3
Vue Version: 3.5.13
OS: Android

Steps to reproduce

1. Create a vueapp direct for to fit the hole Page.
2. use a
3. use this app with android->chrome->in mode "desktopview"

Expected Behavior

The “new Box()” on document.documentElement fits to the entire document.

Actual Behavior

The “new Box()” on document.documentElement does not fit the entire document. It is additionally manipulated with visualViewport.scale, which always makes it appear too small.

As a result, the selection is recalculated several times due to overFlow and appears in the wrong place.

Reproduction Link

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

Unfortunately, I can't reproduce this with the tool, as document.documentElement is never used as an overlay.

Other comments

I suspect that the problem is caused by manipulating the visualViewport.scale. If you remove this, everything seems to work as desired.

Images

[Leubeling]

project.zip

This problem can be easily reproduced in this project, which is based on helloWorld-npm.

[J-Sek]

Feels a bit niche.. Why don't you just make the UI adapt to the small device?
Potentially related to #21878

[Leubeling]

The application is definitely a mobile app. The error was reported to me by a user who apparently tested it a little more thoroughly. I had only set out to find the cause and had discovered this algorithm in the process.

1. as mobile

2. desktopview

[KaelWD]