346860 - Dragging an object from a div with position absolute and overlow auto doesn't propagate events

Status: UNCONFIRMED

Description

[Dawid Zamirski]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5

In my web application there is a side-panel which allows to drag and drop certain elements. The panel has postion set to absolute and overflow to auto. When any element is dragged out from this panel it should launch document.onmouseover event. This doesn't happen unless I change the panel's overflow to visible. While dragging over the panel the event propagation is blocked, however while the mouse cursor leaves the panel area any obejcts below it should receive events. In the provided test case, try to drag the yellow div onto the document and you'll see in the status that it still shows "over panel" while it should change to "over document". If the overflow is switched to visible it behaves as expected. The problem doesn't exist in Opera and IE

Reproducible: Always

Comment 1

[Dawid Zamirski]

I have updated the test case in which I added a blue div with no text in it. When there's no text in the div the events propagate correctly. I think it might be related to the bug #318615

The test case URL:
http://maners.no-ip.com/fftestcase/

Comment 2

[Dawid Zamirski]

(In reply to comment #1)
> I have updated the test case in which I added a blue div with no text in it.
> When there's no text in the div the events propagate correctly. I think it
> might be related to the bug #318615
> 
> The test case URL:
> http://maners.no-ip.com/fftestcase/
> 

Update. Just tested this with Firefox 3.0 Alpha 1 and the only change is that the blue box stopped working too :)

Comment 3

[Dawid Zamirski]

(In reply to comment #2)
> (In reply to comment #1)
> > I have updated the test case in which I added a blue div with no text in it.
> > When there's no text in the div the events propagate correctly. I think it
> > might be related to the bug #318615
> > 
> > The test case URL:
> > http://maners.no-ip.com/fftestcase/
> > 
> 
> Update. Just tested this with Firefox 3.0 Alpha 1 and the only change is that
> the blue box stopped working too :)
> 

Another update :-) Setting -moz-user-select: none; on a draggable div makes it work properly (in Firefox 1.5.x, 2.0 and 3.0 Alpha1). See updated test case.

Comment 4

[gustaf]

More people having trouble with this bug.

https://groups.google.com/forum/#!topic/pyjamas-dev/Gt0nsw4cKwI