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.21.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: newassigned

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: criticalmajor
summary: slider handle jumps few pixels right or left if it's clicked on itSlider: 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: assignedclosed

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.91.8.7