16673 2012-04-09 21:18:39 +0000 Specify how MouseEventExtension coordinates are set using initMouseEvent() 2015-10-05 00:56:16 +0000 1 1 1 Unclassified CSS CSSOM View unspecified PC Windows NT NEW P2 normal --- 1 jrossi zcorpan bzbarsky travil zcorpan public-css-bugzilla oldest_to_newest 66536 0 jrossi 2012-04-09 21:18:39 +0000 The initMouseEvent() method from DOM L3 Events allows for the creation of synthetic mouse events [1]. However, it seems it was defined prior to the existence/standardization of the extensions to MouseEvent [2]. For compatibility reasons, we don't believe we can change the signature of initMouseEvent() to include properties like pageX/pageY. Instead, we suggest calculating these values based on the inputs provided for clientX/clientY. This seems to be what Webkit (and to some extent, Firefox) do. pageX = clientX + scrollLeft (using the values at the time of calling initMouseEvent) pageY = clientY + scrollTop x = clientX y = clientY Prior to calling dispatchEvent() (which indicates a target element for the event)" offsetX = pageX offsetY = pageY After calling dispatchEvent() (e.g. during and after the dispatch of the event): offsetX = the x offset relative to the padding edge of the target element (as reported in the element's coordinate space) offsetY = the y offset relative to the padding edge of the target element (as reported in the element's coordinate space) [1]http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#events-event-type-initMouseEvent [2]http://dev.w3.org/csswg/cssom-view/#extensions-to-the-mouseevent-interface 71799 1 glenn 2012-08-03 05:55:15 +0000 reassign to myself; apparently i am not the default assignee for this component 87707 2 zcorpan 2013-05-15 09:57:26 +0000 (In reply to comment #0) > pageX = clientX + scrollLeft (using the values at the time of calling > initMouseEvent) > pageY = clientY + scrollTop scrollLeft and scrollTop of what? Do you have test cases in this area I can look at? 89407 3 1373 travil 2013-06-17 19:15:15 +0000 Created attachment 1373 Test case for synthetic event pageX/pageY calculation... 89408 4 travil 2013-06-17 19:17:07 +0000 In IE/Firefox, this appears to be the scrollLeft/Top of the documentElement (HTML). Chrome's scrollLeft/top for the viewport are on body, but regardless, Chrome does not seem to do this pageX/pageY calculation on dispatch. Attachment included. 89455 5 zcorpan 2013-06-18 08:42:35 +0000 Thanks! https://dvcs.w3.org/hg/csswg/rev/39af9667776a 123218 6 zcorpan 2015-09-16 07:17:41 +0000 The fix here seems to have caused some other problems, see https://bugzilla.mozilla.org/show_bug.cgi?id=1203404 123229 7 bzbarsky 2015-09-16 14:58:59 +0000 That's because the fix here didn't match the behavior description in comment 0. From comment 0 again: Prior to calling dispatchEvent() (which indicates a target element for the event)" offsetX = pageX After calling dispatchEvent() (e.g. during and after the dispatch of the event): offsetX = the x offset relative to the padding edge of the target element (as reported in the element's coordinate space) The behavior in the spec doesn't do "during and after the dispatch". It just does "during the dispatch", and goes back to "pageX" after the dispatch. 1373 2013-06-17 19:15:15 +0000 2013-06-17 19:15:15 +0000 Test case for synthetic event pageX/pageY calculation... computedPageXY.htm text/html 1664 travil PCFET0NUWVBFIGh0bWw+DQo8Ym9keT4NCjxwcmU+DQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoN Cg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0K DQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoN Cg0KDQoNCg0KDQoNCg0KDQoNCg0KDQoNCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgDQo8L3ByZT4NCjxidXR0b24gc3R5 bGU9ImZsb2F0OnJpZ2h0Ij50ZXN0PC9idXR0b24+DQo8ZGl2IGlkPSJ0YXJnZXQiPjwvZGl2Pg0K PHNjcmlwdD4NCmRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImJ1dHRvbiIpLmFkZEV2ZW50TGlzdGVu ZXIoImNsaWNrIiwgZnVuY3Rpb24gKGUpIHsNCiAgdmFyIG1lID0gZG9jdW1lbnQuY3JlYXRlRXZl bnQoIk1vdXNlRXZlbnQiKTsNCiAgbWUuaW5pdE1vdXNlRXZlbnQoIm1vdXNlZG93biIsIHRydWUs IHRydWUsIA0KICAgICAgICAgICAgICAgICAgLyp3aW5kb3cqL251bGwsIC8qZGV0YWlsKi8wLCAN CiAgICAgICAgICAgICAgICAgIC8qc2NyZWVuWCovMzUwLCAvKnNjcmVlblkqLzM1MCwNCiAgICAg ICAgICAgICAgICAgIC8qY2xpZW50WCovNTAsIC8qY2xpZW50WSovNTAsDQogICAgICAgICAgICAg ICAgICAvKmN0cmwqL2ZhbHNlLCAvKmFsdCovZmFsc2UsIC8qc2hpZnQqL2ZhbHNlLCAvKm1ldGEq L2ZhbHNlLA0KICAgICAgICAgICAgICAgICAgLypidXR0b24qLzAsDQogICAgICAgICAgICAgICAg ICAvKnJlbGF0ZWRUYXJnZXQqL251bGwpOw0KICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCIjdGFy Z2V0IikuZGlzcGF0Y2hFdmVudChtZSk7DQogIGUuc3RvcFByb3BhZ2F0aW9uKCk7DQp9KTsNCmRv Y3VtZW50LnF1ZXJ5U2VsZWN0b3IoIiN0YXJnZXQiKS5hZGRFdmVudExpc3RlbmVyKCJtb3VzZWRv d24iLCBmdW5jdGlvbihlKSB7DQogICBhbGVydCgic3ludGhldGljIG1vdXNlZG93biBmaXJlZFxu XG4iICsgDQogICAgICAgICAiZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbExlZnQoIiAr IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxMZWZ0ICsgIikgKyAiICsgDQogICAgICAg ICAiY2xpZW50WCgiICsgZS5jbGllbnRYICsgIikgPSAiICsNCiAgICAgICAgICJwYWdlWCgiICsg ZS5wYWdlWCArICIpXG4iICsgDQogICAgICAgICAiZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNj cm9sbFRvcCgiICsgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcCArICIpICsgIiAr IA0KICAgICAgICAgImNsaWVudFkoIiArIGUuY2xpZW50WSArICIpID0gIiArDQogICAgICAgICAi cGFnZVkoIiArIGUucGFnZVkgKyAiKVxuIik7DQogICBlLnN0b3BQcm9wYWdhdGlvbigpOw0KfSk7 DQo8L3NjcmlwdD4=