Opened 11 years ago
Closed 7 years ago
#3575 closed bug (worksforme)
draggable behaviour with flash appearing broken under Safari
| Reported by: | Kevin H. Kamel | Owned by: | paul |
|---|---|---|---|
| Priority: | minor | Milestone: | 2.0.0 |
| Component: | ui.draggable | Version: | 1.6rc2 |
| Keywords: | safari draggable | Cc: | |
| Blocked by: | Blocking: |
Description
Description: Contents of draggable content areas are sometimes not clickable when viewing the page through Safari. Other browsers seem to have no issues. Digging for a few hours found a complaint on a related board at
http://www.nabble.com/Embedded-Flash-Draggable-on-Safari-td19394706s27240.html
An example is provided below. If viewed in IE or Firefox you will be able to drag the window around with the top handle, and start/stop/ control the video using the controls. With Safari the contents will render, but won't be controllable at all.
Example Code of problem in action:
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://dev.jquery.com/view/tags/ui/latest/ui/
ui.core.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/
ui.draggable.js"></script>
<script> $(document).ready(function(){
$("#draggable-handle-div").draggable({ handle: "div" }); $(".block").draggable();
}); </script>
<style> #draggable-handle-div {
border: 2px solid #0090DF; background-color: #68BFEF; width: 640px; height: 360px; margin: 10px;
} </style>
</head>
<body>
<div id="draggable-handle-div" class="draggable">
<div class="drag-handle">aaaaaaaaaaaa</div>
<embed src="http://blip.tv/play/AdmMLQA" type="application/x-
shockwave-flash" width="600" height="338" allowscriptaccess="always" allowfullscreen="true"></embed>
</div>
</body>
</html>
Attachments (1)
Change History (6)
comment:1 Changed 11 years ago by
| Milestone: | TBD → 1.6 |
|---|
comment:2 Changed 11 years ago by
| Summary: | draggable behaviour appearing broken under Safari → draggable behaviour with flash appearing broken under Safari |
|---|
comment:3 Changed 11 years ago by
| Milestone: | 1.7 → 1.8 |
|---|
Changed 10 years ago by
| Attachment: | patch_#3575_jquery-1.7.1 added |
|---|
comment:4 Changed 7 years ago by
| Milestone: | 1.9.0 → 2.0.0 |
|---|
comment:5 Changed 7 years ago by
| Resolution: | → worksforme |
|---|---|
| Status: | new → closed |
Thanks for taking the time to contribute to the jQuery UI project! I can no longer reproduce the issue using the latest jQuery and jQuery UI. http://jsfiddle.net/gwtMz/1/
If you can still reproduce it, please feel free to reply to this ticket with a test case showing the problem. Thanks!
Patch that can be applied to jquery-1.7.1 to resolve this bug