Skip to content

[Bug Report][3.12.3] Field label animation is offset when page uses CSS zoom #22747

@matsutake-mushroom

Description

@matsutake-mushroom

Environment

Vuetify Version: 3.12.3
Vue Version: 3.5.30
OS: Windows 10 (current)

Steps to reproduce

  1. Place components such as v-text-field
  2. Set zoom ratio as document.documentElement.style.zoom = "0.8"
  3. Click the center of the v-text-field

Expected Behavior

The label moves smoothly from the center of the component to the upper left corner

Actual Behavior

After the label moves momentarily to a point inside (or outside) the zoom ratio between the upper left corner of the screen and the current coordinates, it animates to the upper left corner of the component.

Reproduction Link

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

Images

https://cdn.cosmicjs.com/6ee47990-26b1-11f1-8e38-f5dc12cfac40-recording.mp4

Metadata

Metadata

Assignees

Labels

C: VFieldT: bugFunctionality that does not work as intended/expectedT: regressionSomething that used to work but we broke

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions