Ticket #3618 (closed bug: fixed)

Opened 7 years ago

Closed 7 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 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

Change History

comment:1 Changed 7 years ago by mpj

comment:1 Changed 7 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 7 years ago by scott.gonzalez

comment:2 Changed 7 years ago by scott.gonzalez

  • Milestone changed from TBD to 1.6
  • Resolution set to fixed
  • Status changed from new to closed

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.