Opened 14 years ago

Closed 14 years ago

#3618 closed bug (fixed)

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:


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 (showing 1.5)

blown up image here:

Change History (2)

comment:1 Changed 14 years ago by mpj

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

comment:2 Changed 14 years ago by Scott González

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.

Note: See TracTickets for help on using tickets.