Skip to content

[Bug Report][3.12.4] CSS zoom causes coordinate mismatch in multiple interactive components #22761

@matsutake-mushroom

Description

@matsutake-mushroom

Environment

Vuetify Version: 3.12.4
Vue Version: 3.5.31
OS: Windows 10 (current)

Steps to reproduce

  1. Set html { zoom: 0.75; }

Expected Behavior

The color picker canvas dot, ripple center, and calendar interval position should follow the cursor precisely.

Actual Behavior

VColorPicker canvas (cursor and dot position mismatch) / Ripple directive (ripple origin offset, especially when clicked near the bottom right side)
/ VCalendar interval click (clicked time slot offset)

Reproduction Link

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

Other comments

Sorry for opening this separately from the VField zoom issue #22747 . I just noticed it while using it.

Metadata

Metadata

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions