[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