NEW 218117
MouseEvent.offsetX/Y returns wrong value for inline elements 
https://bugs.webkit.org/show_bug.cgi?id=218117
Summary MouseEvent.offsetX/Y returns wrong value for inline elements
Noam Rosenthal
Reported 2020-10-23 01:13:04 PDT
According to spec (https://drafts.csswg.org/cssom-view/#dom-mouseevent-offsetx), offsetX/offsetY should return the values relative to the element's padding edge. Firefox does this correctly, WebKit (and also Chromium, currently), return the value relative to the nearest block ancestor. See https://codepen.io/noamr-the-selector/pen/WNxRbmZ
Attachments
Add attachment proposed patch, testcase, etc.
Noam Rosenthal
Comment 1 2020-10-23 01:18:56 PDT
Corresponding Chromium bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1141782
Noam Rosenthal
Comment 2 2020-10-23 01:21:01 PDT
Relevant WPT issue: https://github.com/web-platform-tests/wpt/issues/15089
Radar WebKit Bug Importer
Comment 3 2020-10-30 01:13:58 PDT
<rdar://problem/70857665>
Nige White
Comment 4 2022-11-24 01:45:47 PST
This is now fixed on Blink. Safari is the outlier. This is why we can't have nice things. We will always need some kind of library to abstract away these browser differences.
Note You need to log in before you can comment on or make changes to this bug.