Comments (6)
Could you use a service like jsfiddle or codepen to reproduce the entire scenario where the bug occurs?
PS. You're using jQuery in your example and Dragdealer doesn't have it as a dependency.
Thanks.
from dragdealer.
okay, here is a quick sample:
the problem seems to be the
transform: translate3d(-1000px, 0px, 0px);
Greetings
from dragdealer.
Current function that calculates offset doesn't take into account css transformations. It may be replaced with getBoundingClientRect, (even jquery uses it, more info here). In fact, we might not even need to calculate mouse position relative to document, and instead work with the coordinates relative to the top left corner of the window frame.
from dragdealer.
@trokohl please check my pull request that adds css3 transform support. I've modified offset calculation there in my last commit.
from dragdealer.
@trokohl can you please test this scenario on the latest source and see if @w0rm's fix solved this problem?
from dragdealer.
sorry for the late answer.
I have update the jsfiddler test to use the new source and is looks good.
http://jsfiddle.net/cLaY6/
thank you
from dragdealer.
Related Issues (20)
- dragStopCallback is called when clicking handle element
- set a minimum range?
- Infinite number of tiles HOT 7
- Set step to start on when initialising HOT 1
- autoplay HOT 1
- Mousewheel Functionality
- Dragdealer does not take into account scale() css3 transform when calculating handle positions
- How to disable point to scroll outside the handle? HOT 4
- Change color of the 'handle red-bar' depending on the value? HOT 1
- Handle bar still moving even when dealer is disabled. HOT 1
- preventDefault when clicking an element inside Dragdealer HOT 1
- Can you change drag speed? HOT 2
- dragdealer infinity slides HOT 5
- dragdealer number of images HOT 1
- Type script Definitions HOT 1
- Unable to preventDefault inside passive event listener invocation.
- Is Dragdealer have destroy method or analog to stop calling requestAnimationFrame? HOT 3
- how to disable wrapper handle HOT 1
- css: transform scale - DragDealer jumps on entry
- Content scroller but with Horizontal movement? HOT 1
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 dragdealer.