#3986 closed bug (fixed)

Opened January 29, 2009 07:02PM UTC

Closed February 04, 2009 04:16AM UTC

Last modified March 22, 2011 12:37PM UTC

Draggable: disables dropdown (<select>) in Chrome & Safari

Reported by: jsycamore Owned by:
Priority: minor Milestone: 1.7
Component: ui.draggable Version: 1.5.2
Keywords: select chrome safari Cc:
Blocked by: Blocking:
Description

Select elements contained within a draggable div do not work once the div is made draggable in Chrome & Safari. The code below works fine in IE and Firefox, but not in Chrome or Safari.

I also noticed that in Chrome at least, if the div CSS position property is set to "absolute" after draggable has been applied it becomes "relative". Not sure if related.

<html>

<head>

<script type='text/javascript' src="jquery.js"></script>

<script type='text/javascript' src="jquery-ui.js"></script>

<script type='text/javascript'>

$(function(){

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

});

</script>

</head>

<body>

<div id=drag>

<select>

<option>one</option>

<option>two</option>

<option>three</option>

</select>

</div>

</body>

</html>

Attachments (0)
Change History (3)

Changed February 04, 2009 04:16AM UTC by scottgonzalez comment:1

milestone: TBD → 1.6
resolution: → fixed
status: new → closed

Fixed in 1.6.

Changed March 21, 2011 10:32PM UTC by antsaia comment:2

This appears to be broken again in 1.8.11

Changed March 22, 2011 12:37PM UTC by scottgonzalez comment:3

Replying to [comment:2 antsaia]:

This appears to be broken again in 1.8.11

Works fine for me in both browsers.