Skip to main content

Search and Top Navigation

#4467 closed bug (fixed)

Opened April 14, 2009 12:29PM UTC

Closed November 19, 2010 03:36PM UTC

Last modified December 08, 2010 06:32PM UTC

Slider: handle jumps a few pixels when clicked

Reported by: sz_zoly7 Owned by: rdworth
Priority: major Milestone: 1.8.7
Component: ui.slider Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:
Description

When clicking near the edge of the handle, the handle may jump before the user actually moves the mouse.

Attachments (0)
Change History (10)

Changed April 23, 2009 04:59PM UTC by sz_zoly7 comment:1

It seems that this bug only appears on IE and Firefox browsers.

Changed May 07, 2009 01:38PM UTC by jzaefferer comment:2

milestone: 1.7.2 → 1.8

Changed November 21, 2009 06:25PM UTC by andrew_ comment:3

I'm not able to reproduce this. IE8, IE6, Firefox 3.5.5.

Changed February 24, 2010 05:25PM UTC by rdworth comment:4

owner: → rdworth
status: new → assigned

Changed September 24, 2010 03:40PM UTC by scottgonzalez comment:5

description: If the slider has a larger with then the default and has a range specified and it's clicked on the handle jumps few pixels to the left or right. → When clicking near the edge of the handle, the handle may jump before the user actually moves the mouse.
priority: critical → major
summary: slider handle jumps few pixels right or left if it's clicked on it → Slider: handle jumps a few pixels when clicked

Changed September 24, 2010 03:55PM UTC by jazzido comment:6

I spoke too fast, my patch fixed the issue on the site I'm working on. On the demos, I still see the behaviour you describe.

Idea: what about using the relative position of the click inside the handle instead of

 ( closestHandle.width() / 2 ) 
?

Changed September 24, 2010 05:05PM UTC by jazzido comment:7

Also, I've found that it might have to do with the left margin of the handle. The default theme uses '-.6 em'. If you change that value, the point inside the handle where -when clicking- the bug happens, moves farther or closer to the right edge.

Hope this helps.

Changed November 19, 2010 02:58PM UTC by skeetergraphics comment:8

_comment0: I've proposed a fix for this bug https://github.com/skeetergraphics/jquery-ui/blob/c6bdb6206a43f3d8b112/ui/jquery.ui.slider.js. I pulled the slider demo http://jqueryui.com/demos/slider/side-scroll.html and was able to make my one-line fix work in a local version of it as well as in my own project. The behavior is more universal than mentioned above. See my commit for more detail. → 1290179668066843
_comment1: I've proposed a [https://github.com/skeetergraphics/jquery-ui/blob/c6bdb6206a43f3d8b112/ui/jquery.ui.slider.js fix for this bug]. I pulled the [http://jqueryui.com/demos/slider/side-scroll.html slider demo] and was able to make my one-line fix work in a local version of it as well as in my own project. The behavior is more universal than mentioned above. See my commit for more detail. → 1290179702595786

I've proposed a fix for this bug (commit). I pulled the slider demo and was able to make my one-line fix work in a local version of it as well as in my own project. The behavior is more universal than mentioned above. See my commit for more detail.

Changed November 19, 2010 03:36PM UTC by skeetergraphics comment:9

resolution: → fixed
status: assigned → closed

Slider: Modified handle and scroll content not to jump twice when handle is grabbed and dragged from anywhere other than absolute center. Fixed #4467 - Slider: handle jumps a few pixels when clicked.

Changeset: 0c3e56dd7d82e889ffabc606fd66d47f3e2d27c8

Changed December 08, 2010 06:32PM UTC by scottgonzalez comment:10

milestone: 1.9 → 1.8.7