Skip to main content

Search and Top Navigation

#3618 closed bug (fixed)

Opened November 24, 2008 12:22AM UTC

Closed January 04, 2009 04:38AM UTC

slider handle runs over right slider track edge by 3px

Reported by: mpj Owned by:
Priority: minor Milestone: 1.7
Component: ui.slider Version: 1.6rc2
Keywords: Cc:
Blocked by: Blocking:
Description

the slider handle does not seem to be evenly distributed about the slider track. when at the smallest value, it does not leave any of the slider track displayed, on the right side, it overlaps the edge by 3px. this is especially problematic when the slider track uses a border, the handle can be seen dragging through it.

occurs on mac os x 10.5.5 with safari 3.2 and firefox 3.0.4. on 1.5 it has the opposite problem, the right side is inset by 3px.

this can be seen in the jqui functional demos for the slider

http://ui.jquery.com/repository/latest/demos/functional/#ui.slider (showing 1.5)

blown up image here:

http://img386.imageshack.us/img386/315/slidermishapxa0.png

Attachments (0)
Change History (2)

Changed November 24, 2008 12:27AM UTC by mpj comment:1

perhaps better said, in 1.5 the handle is inset by 3px and in 1.6rc2 it is inset by -3px

Changed January 04, 2009 04:38AM UTC by scottgonzalez comment:2

milestone: TBD1.6
resolution: → fixed
status: newclosed

Slider has been refactored to use percentage positioning for the handles. When the handle is at the min value, the left is set to 0% and at max it's set to 100%. A negative left margin is then used to center the handle over the correct spot on the bar. This results in handles being displayed the same on both ends of the bar.

If you are looking for the handles to always be contained within the bar, you can open a new ticket for a feature request or start a thread on the jquery-ui list.