Skip to main content

Bug Tracker

Side navigation

#13467 closed bug (notabug)

Opened February 18, 2013 07:45AM UTC

Closed February 18, 2013 12:43PM UTC

Slider widget is lagging if is a child of a an element who applied scaling on its childs

Reported by: noam Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: git
Keywords: Cc:
Blocked by: Blocking:

The slider drag experience is bad if the slider a scale transformation was applied on it.

See the HTML below.

Run it on IE (I used 10), and attempt to drag the slider from the left-most side to the right. You'll note that it doesn't begin to slide until you reach the middle of the slider.

<html lang="en">


<meta charset="utf-8" />

<title>jQuery UI Slider - Default functionality</title>

<link rel="stylesheet" href="" />

<script src=""></script>

<script src=""></script>

<link rel="stylesheet" href="/resources/demos/style.css" />

<div> </div>


$(function() {

$( "#testDiv" ).slider( { animate: "fast",min:1, max: 50, step: 1 } );





<div style="transform: scale(1.5)">

<div style="width:500px" id="testDiv"></div>




Attachments (0)
Change History (1)

Changed February 18, 2013 12:43PM UTC by scottgonzalez comment:1

resolution: → notabug
status: newclosed

jQuery UI bugs should be reported at However, jQuery UI does not support elements that have been transformed.