[Bug Report][3.2.2] VMenu position incorrect the first time after switching to or from RTL

[fahmifitu]

Environment

Vuetify Version: 3.2.2
Vue Version: 3.2.24
Browsers: Chrome 112.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

1. hover over the button then, toggle RTL switch
2. hover over the button
   The menu is not visible due to incorrect position

Expected Behavior

to position correctly the first

Actual Behavior

it doesn't

Reproduction Link

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

[fahmifitu]

It seems that the issue is in updateLocation function in locationStrategies.ts

Adding requestAnimationFrame(() => { updateLocation() }) fixes this issue

As stated in the code comment "// TODO: overflowing content should only require a single updateLocation call"

[lioneaglesolutions]

This looks to possibly be a duplicate or very similar to;
#16325
#16628

I think they might be fixed already - check the nightly repro below here

We will leave this open until it's resolved anyway.

[KaelWD]

#17338 has been reverted due to #19863

[J-Sek]

Workaround:

• :key="toggle ? 1 : 0" (for the reproduction demo)

In real-life app, you would probably pass the current locale down using provide/inject or a centralized store