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:
Description

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>

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 http://bugs.jqueryui.com. However, jQuery UI does not support elements that have been transformed.