Closed Bug 470459 Opened 14 years ago Closed 12 years ago

JavaScript mouse actions prevents execution one another

Categories

(Core :: DOM: UI Events & Focus Handling, defect)

x86
All
defect
Not set
major

Tracking

()

RESOLVED DUPLICATE of bug 552707
mozilla9

People

(Reporter: andreythinking, Assigned: masayuki)

References

()

Details

Attachments

(1 file)

User-Agent:       Opera/9.27 (Windows NT 5.1; U; ru)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.1b2) Gecko/20081201 Firefox/3.1b2

MouseUp handler of one element is kept when mouse leave element.
In example: press div 1 and keeping "mouse down" drag cursor to div 2, release mouse within div 2. (You see action handler of div 1).

Drag Mouse from div 1 or 2 to "body" and see the same.

Drag mouse cursor from div 1,2 to div 3,4 and see that onMouseMove handler acts only after release mouse and action of previouse div passed.

* * *

Firefox 1 and 2, and Opera 9.27, 9.62, and IE 6 are free from this bug.

This bug prevents realization of pretty JavaScript programs.

Reproducible: Always

Steps to Reproduce:
1. Open example file link or create same test file.
2. Execute steps described above.
Actual Results:  
Mouse action of one element acts when mouse go to another element and prevent ececution of actions of second element until old actions done.

Expected Results:  
Events of element are actual only when mouse is within element (how it happens in other browsers described above.

Code of example if site will be not available:

<body style="background:lightgrey; border:2px dashed white">

<div id="custom_tree" onMouseUp="alert('mouse up (1)')" style="position:absolute; border:1px solid dodgerblue; width:140px; height:200px; left:30%; top:5%; overflow:auto;">1</div>

<div id="custom_tree" onMouseUp="alert('mouse up (2)')" style="position:absolute; border:1px solid gold; width:140px; height:200px; left:50%; top:5%; overflow:auto;">2</div>


<div id="custom_tree" onMouseMove="alert('mouse move (3)')" style="position:absolute; border:1px solid limegreen; width:140px; height:200px; left:30%; top:50%; overflow:auto;">3</div>

<div id="custom_tree" onMouseMove="alert('mouse move (4)')" style="position:absolute; border:1px solid coral; width:140px; height:200px; left:50%; top:50%; overflow:auto;">4</div>

</body>
Attached file reporter's testcase
Confirmed on: Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5

and latest-trunk
over to DOM:Events for better triage.
Component: General → DOM: Events
Product: Firefox → Core
QA Contact: general → events
Version: unspecified → 1.9.0 Branch
Seems like a drag and drop issue, which I don't think is fixable.

Over to Core->Drag and Drop
Component: DOM: Events → Drag and Drop
QA Contact: events → drag-drop
Blocks: 557512
No longer blocks: 557512
Assignee: nobody → masayuki
Status: UNCONFIRMED → ASSIGNED
Component: Drag and Drop → Event Handling
Depends on: 552707
Ever confirmed: true
QA Contact: drag-drop → events
Version: 1.9.0 Branch → Trunk
fixed by bug 552707.
Status: ASSIGNED → RESOLVED
Closed: 12 years ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla8
Temporarily, backed out for risk management of mozilla8, see bug 675865.

For simpler management, I mark this bug as dup of bug 552707.
No longer depends on: 552707
Resolution: FIXED → DUPLICATE
Target Milestone: mozilla8 → mozilla9
Component: Event Handling → User events and focus handling
You need to log in before you can comment on or make changes to this bug.