Comments (3)
Sorry about this bug. A quick workaround would be to wrap your .zoomable
into a div - here is an example: https://jsfiddle.net/wLbocegs/6/
The bug happens due to historical reasons of how we compute "local" offsetX/offsetY for various rendering engines (SVG, DOM).
The mouse event comes with clientX
which is translated to offsetX
using a bounding box of an owner. While this makes sense for SVG, it doesn't make much sense for body's
children.
I'm not sure yet how to fix it correctly, but very likely we need to refactor this code and make it robust in face of various rendering engines.
from panzoom.
BUG!
https://codepen.io/grishnyakov/pen/xmqdYm
from panzoom.
time to fix it! Бро, когда починишь?
from panzoom.
Related Issues (20)
- Two finger pan is already implemented? HOT 3
- Why is there a black border when I press the keyboard HOT 4
- Artifacts appearing when pan/zooming with audio element HOT 1
- Is there a way to resume paused panzoom while holding mousedown? HOT 1
- Pause/resume the panzoom not working?
- Speed for SmoothZoom
- How to track zoom-in and zoom-out when zooming image in carousel
- Pan restrict only to image view HOT 1
- Bounds doesn't work when you rotate the parent div.
- Multiple panzoom?
- Brake/destroy pan animation
- Disable pan on zoom/scale == 1?
- Pan is too sensitive
- Disable zoom on ios and android? HOT 1
- Zoom and Pan iframe array HOT 1
- Images drifting off screen
- Remove and restore transform styles
- zoomAbs, smoothZoom, moveTo etc weird effects HOT 1
- swipe left / right to change "page"
- onDoubleClick zoom in zoom out
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from panzoom.