Bug Tracker

Opened 10 years ago

Closed 10 years ago

#13467 closed bug (notabug)

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"> <head>

<meta charset="utf-8" /> <title>jQuery UI Slider - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <div> </div> <script> $(function() {

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

}); </script>

</head> <body> <div style="transform: scale(1.5)"> <div style="width:500px" id="testDiv"></div> </div> </body> </html>

Change History (1)

comment:1 Changed 10 years ago by scottgonzalez

Resolution: notabug
Status: newclosed

jQuery UI bugs should be reported at http://bugs.jqueryui.com. However, jQuery UI does not support elements that have been transformed.

Note: See TracTickets for help on using tickets.