Move if transform scale
See original GitHub issueIf parent div scale: <div style="transform: scale(0.5)"><VueDraggableResizable/></div>
mouse moves faster than div. To fix, add the scale parameter from VueDraggableResizable and change vue-draggable-resizable.vue 401,402 line:
this.elmX += diffX / this.scale this.elmY += diffY / this.scale
Issue Analytics
- State:
- Created 5 years ago
- Comments:11 (3 by maintainers)
Top Results From Across the Web
scale() - CSS: Cascading Style Sheets - MDN Web Docs
This scaling transformation is characterized by a two-dimensional vector. Its coordinates define how much scaling is done in each direction. If ...
Read more >Why does my transform: scale() property move the image to ...
It's not moving to the left. The left edge is moving, however, as is the right. Because your content is left-aligned, it appears...
Read more >transform - CSS-Tricks
The transform property allows you to visually manipulate an element by skewing, rotating, translating, or scaling:
Read more >CSS Transitions and Transforms for Beginners - Thoughtbot
The scale value allows you to increase or decrease the size of an element. For example, the value 2 would transform the size...
Read more >Transforms - Unity - Manual
The Transform component determines the Position, Rotation, and Scale of ... In the scene, you can modify Transforms using the Move, Rotate and...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
See https://github.com/mauricius/vue-draggable-resizable#scale. I forgot to add it do the documentation when I implemented it 😅
@eyaylagul I’m actually doing other stuff. I apply a transform: scale.
:style="`transform: scale(${this.scaleFactor});`)