Mapbox-gl-js: Move towards the reverse direction after drag a long distance
mapbox-gl-js version: 1.4.1 (I guess almost every version has this issue)
browser: Chrome 78
platform: Windows 10
Steps to Trigger Behavior
- Drag fast from bottom to top at some angle (It won`t happen when you just drag a short distance or at no angle)
Link to Demonstration
Expected Behavior
move towards the right direction
Actual Behavior
move towards the right direction at the first moment
and then move towards reverse direction till stop moving
ReevesSher
>All comments
I've noticed the same bug while working on the LOD support #8975. I don't have a production ready fix for this but the cause is well known.
We're applying inertia to the mouse cursor and with fast enough mouse movement this can fling the cursor way above the screen. When this behavior is combined with bigger pitch angles the flinged position might end up being above the horizon (ie. ray cast towards this point will never hit the ground when travelling forward). This will result in intersections being reported somewhere "behind" they ray (t < 0) causing the inverse movement direction.
mpulkki-mapbox
on 21 Nov 2019
Related issues
PBrockmann
路
3Comments
iamdenny
路
3Comments
aderaaij
路
3Comments
samanpwbb
路
3Comments
BernhardRode
路
3Comments
Most helpful comment
I've noticed the same bug while working on the LOD support #8975. I don't have a production ready fix for this but the cause is well known.
We're applying inertia to the mouse cursor and with fast enough mouse movement this can fling the cursor way above the screen. When this behavior is combined with bigger pitch angles the flinged position might end up being above the horizon (ie. ray cast towards this point will never hit the ground when travelling forward). This will result in intersections being reported somewhere "behind" they ray (t < 0) causing the inverse movement direction.