Issue 168544 in chromium: DragEnd event fired when DOM is changed during drag

[chro...@googlecode.com]

Status: Unconfirmed
Owner: ----
Labels: Area-UI Pri-2 Via-Wizard Type-Bug OS-Linux

New issue 168544 by lar...@google.com: DragEnd event fired when DOM is
changed during drag
http://code.google.com/p/chromium/issues/detail?id=168544

UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.17 (KHTML, like
Gecko) Chrome/24.0.1312.45 Safari/537.17

Steps to reproduce the problem:
1. Go to http://en.wikipedia.org/wiki/Google_Chrome
2. Execute this javascript:

var title = document.getElementById("firstHeading");
var toc = document.getElementById("toc");
toc.draggable = "draggable";
toc.ondragstart = function () { console.log("ondragstart");
title.style.marginTop = Math.round(100*Math.random()) + "px"; }
toc.ondragend = function() { console.log("ondragend"); }

3. Drag the table of contents

What is the expected behavior?
The table of contents is draggable, and the page text moves randomly up or
down when starting to drag.

What went wrong?
Whenever the page text moves down, the dragend event is fired immediately.

Did this work before? N/A

Chrome version: 24.0.1312.45 Channel: beta
OS Version: 2.6.38.8-gg987

This is a simplified example. My real use case is making a radial menu,
where I need the menu items to appear on drag start.

[chro...@googlecode.com]

Comment #1 on issue 168544 by lar...@google.com: DragEnd event fired when

DOM is changed during drag
http://code.google.com/p/chromium/issues/detail?id=168544

This also happens in Safari, so it's probably a Webkit issue.

--
You received this message because this project is configured to send all
issue notifications to this address.
You may adjust your notification preferences at:
https://code.google.com/hosting/settings

[chro...@googlecode.com]

Comment #3 on issue 168544 by akk...@gmail.com: DragEnd event fired when

DOM is changed during drag
http://code.google.com/p/chromium/issues/detail?id=168544

This still happens in Chrome 32, so it is no longer just a WebKit issue.

[chro...@googlecode.com]

Comment #4 on issue 168544 by gzoe...@gmail.com: DragEnd event fired when

DOM is changed during drag
http://code.google.com/p/chromium/issues/detail?id=168544

and Chrome 36

[chro...@googlecode.com]

Comment #5 on issue 168544 by zbyt...@gmail.com: DragEnd event fired when

DOM is changed during drag

https://code.google.com/p/chromium/issues/detail?id=168544

This is happening on Chrome 39 (Linux x64).

[chro...@googlecode.com]

Comment #6 on issue 168544 by MClar...@gmail.com: DragEnd event fired when

DOM is changed during drag
https://code.google.com/p/chromium/issues/detail?id=168544

Can confirm this is an issue on Chrome Version 39.0.2171.95 (64-bit) on
Linux. It might affect mutliple platforms. I only have linux to test on
(Ubuntu 14.10).

[chro...@googlecode.com]

Updates:
Labels: Needs-Feedback

Comment #7 on issue 168544 by hmupp...@chromium.org: DragEnd event fired

when DOM is changed during drag
https://code.google.com/p/chromium/issues/detail?id=168544

I am able to drag and drop the table of contents and dragend event is fired
on dropping the table.
Same behavior observed on all OS i.e, Ubuntu 14.04, Macbook Air 10.9.5 and
Win7 with chrome 39.0.2171.95 stable.
Attached screen cast for clarity.

Would somebody take a look at the video and suggest if I am doing it right.

Attachments:
168544.mp4 3.1 MB

[chro...@googlecode.com]

Comment #8 on issue 168544 by lar...@google.com: DragEnd event fired when

DOM is changed during drag
https://code.google.com/p/chromium/issues/detail?id=168544

Can't play your video on this machine, but I can't reproduce the problem
with the steps above any more in Linux Chrome 40.0.2214.45.

[chro...@googlecode.com]

Updates:
Status: WontFix
Labels: -Needs-Feedback

Comment #9 on issue 168544 by hmupp...@chromium.org: DragEnd event fired

when DOM is changed during drag
https://code.google.com/p/chromium/issues/detail?id=168544

Thanks for confirming.

Closing this thread as per #8. Feel free to log a new bug for any chrome
issues.