[Webkit-unassigned] [Bug 126711] New: [GTK] Range input has problems with mouseout events
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Thu Jan 9 12:19:33 PST 2014
https://bugs.webkit.org/show_bug.cgi?id=126711
Summary: [GTK] Range input has problems with mouseout events
Product: WebKit
Version: 528+ (Nightly build)
Platform: Unspecified
OS/Version: Unspecified
Status: NEW
Severity: Normal
Priority: P2
Component: Event Handling
AssignedTo: webkit-unassigned at lists.webkit.org
ReportedBy: calvaris at igalia.com
Given the following HTML code:
<html>
<body>
<div id="outer" style="height: 300px; width=300px; background-color: green;">
<input id="inner" type="range"></input>
</div>
<p id="demo">Run event to see this text changed.</p>
<p id="debug">debug.</p>
<div>
<pre>
<script>
var i = 0;
function myCallback(event) {
inner = document.getElementById("inner");
debug = document.getElementById("debug");
debug.innerHTML = "event target id: " + event.relatedTarget.id + ", inner id: " + inner.id;
if (event.relatedTarget != inner) {
demo = document.getElementById("demo");
demo.innerHTML = ++i;
}
}
outer = document.getElementById("outer");
outer.addEventListener('mouseout', myCallback, false);
</script>
</pre>
</div>
</body>
</html>
<body>
<div id="outer" style="height: 300px; width=300px; background-color: green;">
<input id="inner" type="range"></input>
</div>
<p id="demo">Run event to see this text changed.</p>
<p id="debug">debug.</p>
<div>
<pre>
<script>
var i = 0;
function myCallback(event) {
inner = document.getElementById("inner");
debug = document.getElementById("debug");
debug.innerHTML = "event target id: " + event.relatedTarget.id;
if (event.relatedTarget != inner) {
demo = document.getElementById("demo");
demo.innerHTML = ++i;
}
}
outer = document.getElementById("outer");
outer.addEventListener('mouseout', myCallback, false);
</script>
</pre>
</div>
</body>
</html>
Steps:
1) Open the the code in the browser
2) Move the mouse to the green div
3) Move the mouse out of the green div
4) Move it in again
5) Move it to the input range (out of the thumb)
6) Move it onto the thumb
Chromium outcome:
5) Number not increased and debug is "event target id: inner"
6) Number not increased and debug remains "event target id: inner"
WebKitGTK+:
5) Number increased and debug is "event target id:"
6) Number not increased and debug changes to "event target id: inner"
For some reason in WebKitGTK+ we are not handling those events correctly.
--
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.
More information about the webkit-unassigned
mailing list