Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
tongxuanbao opened this issue May 23, 2024 · 0 comments
Assignees
Labels
C: VOverlay VOverlay T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke

Comments

@tongxuanbao
Copy link
Contributor

tongxuanbao commented May 23, 2024

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.

@tongxuanbao tongxuanbao changed the title [Bug Report][3.6.7] contentProps with styles contains "left" or "right" will get removed on resize [Bug Report][3.6.7] Any properties in contentProps that include the styles left or right will be removed when resizing May 23, 2024
@tongxuanbao tongxuanbao changed the title [Bug Report][3.6.7] Any properties in contentProps that include the styles left or right will be removed when resizing [Bug Report][3.6.7] Any properties in contentProps that include the styles "left" or "right" will be removed when resizing May 23, 2024
@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke C: VOverlay VOverlay labels Jul 25, 2024
@KaelWD KaelWD self-assigned this Jul 25, 2024
@KaelWD KaelWD added this to the v3.7.0 (Odyssey) milestone Jul 25, 2024
KaelWD added a commit that referenced this issue Jul 25, 2024
yuwu9145 pushed a commit that referenced this issue Aug 4, 2024
blalan05 pushed a commit that referenced this issue Nov 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VOverlay VOverlay T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Development

No branches or pull requests

2 participants