RESOLVED INVALID 183104
Gray grid on drillz.io is drawn incorrectly (canvas) 
https://bugs.webkit.org/show_bug.cgi?id=183104
Summary Gray grid on drillz.io is drawn incorrectly (canvas)
Carlos Bentzen
Reported 2018-02-24 17:26:09 PST
Created attachment 334569 [details] Chrome vs Safari on drillz.io (TOP-LEFT corner) There is a bug of drawing in WebKit-based browsers in this IO game: drillz.io Browsers tested: - Safari Technology Preview Release 50 (Safari 11.2, WebKit 12606.1.5) - MiniBrowser (WebKitGTK+) on r228940 - Chrome - Firefox Steps to reproduce: - Open the page and insert a username to play - After entering, go to left and top, and you will see weird drawing. The game is working fine on Chrome and Firefox. Attached are two screenshots. The left one is Chrome and the right on Safari. On both screenshots, the player is in left-top corner. As the game is all drawn in HTMLCanvasElement, I believe one would have to inspect the code to see what calls are responsible for this error. I haven't done that yet.
Attachments
Chrome vs Safari on drillz.io (TOP-LEFT corner) (4.48 MB, image/png)
2018-02-24 17:26 PST, Carlos Bentzen 		no flags
Details
Negative sx and sy in drawImage (516.62 KB, image/png)
2019-08-19 10:51 PDT, Carlos Bentzen 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2018-02-24 17:26:30 PST
<rdar://problem/37863008>
Jon Lee
Comment 2 2018-02-25 14:31:56 PST
Can you explain specifically what's wrong with the rendering? Is it the placement of the gray grid that's wrong?
Carlos Bentzen
Comment 3 2018-02-26 04:04:49 PST
(In reply to Jon Lee from comment #2) > Can you explain specifically what's wrong with the rendering? Is it the > placement of the gray grid that's wrong? Yes. The gray grid is bounded, but in WebKit the left and top boundaries do not render correctly. It's as if the grid is wrongly mirrored in left and top boundaries.
Carlos Bentzen
Comment 4 2019-08-19 10:51:35 PDT
Created attachment 376697 [details] Negative sx and sy in drawImage Did a little debugging around drillz.io and found that this bug is happening there: https://stackoverflow.com/questions/53470133/html5-canvas-drawimage-safari-12-0-bug-tested-on-ios-12-1-mac-os-mojave Screenshot for the Web Inspector showing that drawImage is called with sx and sy having negative values. Not sure if there's another bug open for this.
Carlos Bentzen
Comment 5 2019-08-19 10:55:40 PDT
(In reply to Carlos Eduardo Ramalho from comment #4) > Not sure if there's another bug open for this. Maybe bug 67652
Brent Fulgham
Comment 6 2023-04-11 17:27:18 PDT
This is actually: rdar://18375200
Brent Fulgham
Comment 7 2023-06-08 13:27:09 PDT
Unfortunately, this site doesn't appear to be available anymore. I'm closing as INVALID since we can't take action here. If you do have a test case we can investigate, or believe a relevant WPT.fyi test case is at fault, please REOPEN this issue.
Note You need to log in before you can comment on or make changes to this bug.