#10712 open bug ()

Opened December 01, 2014 05:24AM UTC

Last modified March 24, 2015 04:52PM UTC

Draggable: Cursor attached to scrollbar arrow in IE

Reported by: getvivekjoshi Owned by: getvivekjoshi
Priority: minor Milestone: none
Component: ui.draggable Version: 1.11.2
Keywords: Cc:
Blocked by: Blocking:
Description

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

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

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

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

<style>

#draggable { width: 150px; height:auto; positio:relative; padding: 0.5em; }

#draggable div { cursor: move; }

</style>

<script>

$(function() {

$( "#draggable" ).draggable();

});

</script>

</head>

<body>

<div id="draggable" class="ui-widget-content">

<div style="height:100px; overflow-y:scroll; cursor: auto; background:red" >Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br>Drag me around<br></div>

</div>

</body>

</html>

(please test that code in IE there is one scroll bar inside the main div in IE if you click on scroll arrow for scrolling text the cursor attached to scroll bar not release and pop up will not released without page refresh)

Attachments (0)
Change History (5)

Changed December 01, 2014 01:49PM UTC by tj.vantoll comment:1

owner: → getvivekjoshi
status: new → pending

What version of IE are you testing? I'm not seeing any problems in IE11: http://jsbin.com/kexinecivi/2/edit.

Changed December 02, 2014 05:33AM UTC by getvivekjoshi comment:2

status: pending → new

hello please check in IE 10 and below version the cursor not released.

Changed December 02, 2014 05:34AM UTC by getvivekjoshi comment:3

Replying to [comment:1 tj.vantoll]:

What version of IE are you testing? I'm not seeing any problems in IE11: http://jsbin.com/kexinecivi/2/edit.

please check in IE 10 and below version. cursor not released.

Changed December 02, 2014 09:47PM UTC by tj.vantoll comment:4

component: ui.core → ui.draggable
status: new → open
summary: Cursor attached to scrollbar arrow in IE for draggable div → Draggable: Cursor attached to scrollbar arrow in IE

Ok I was able to recreate this. Interestingly enough this seems to only happen in Windows 7 and not Windows 8 or 8.1. I was able to recreate the problem in IE 11 on Windows 7.

Changed March 24, 2015 04:52PM UTC by cgimeno comment:5

_comment0: It is also happening under Windows 7 and Firefox (both Dev 38.0a2 (2015-03-23) and "standard" 35.0.1) → 1427216531979186

Something similar is also happening under Windows 7 and Firefox (both Dev 38.0a2 (2015-03-23) and "standard" 35.0.1)

The drag handler for the whole element is attached to cursor even if user is trying to drag only the scrollbar button.