Open Bug 346860 Opened 15 years ago Updated 2 years ago

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

Categories

(Core :: DOM: Events, defect, P5)

defect

Tracking

()

UNCONFIRMED

People

(Reporter: dzrudy, Unassigned)

References

()

Details

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
Version: Trunk → 1.8 Branch
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/
(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 :)
Version: 1.8 Branch → Trunk
(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.
Assignee: events → nobody
QA Contact: ian → events
More people having trouble with this bug.

https://groups.google.com/forum/#!topic/pyjamas-dev/Gt0nsw4cKwI
https://bugzilla.mozilla.org/show_bug.cgi?id=1472046

Move all DOM bugs that haven’t been updated in more than 3 years and has no one currently assigned to P5.

If you have questions, please contact :mdaly.
Priority: -- → P5
You need to log in before you can comment on or make changes to this bug.