Ticket #3618 (closed bug: fixed)

Opened 6 years ago

Last modified 6 years ago

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:
Blocking: Blocked by:

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

Change History

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

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

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.