vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.6.7] Any properties in contentProps that include the styles "left" or "right" will be removed when resizing

Open baotx opened this issue 1 year ago • 0 comments

Environment

Vuetify Version: 3.6.7 Last working version: 3.3.8 Vue Version: 3.5.0-alpha.2 Browsers: Chrome 124.0.0.0 OS: Windows 10

Steps to reproduce

Have contentProps of an Overlay where we set left: "something" will be deleted on resize. Try open and close the menus in the reproduction link.

Expected Behavior

Respect the contentProps

Actual Behavior

It did not respect the contentProps

Reproduction Link

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

Other comments

We have a menu that we want to always be positioned on the right side of the screen while still being directly below the activator in terms of vertical alignment. To achieve this, we override the menu's style using style: {left: "unset", right: 0}, which works initially.

However, there's an issue introduced in #17338: the left style gets deleted every time the screen is resized. Additionally, using contentProps doesn't actually override the style as intended.

baotx avatar May 23 '24 01:05 baotx