Closed webcompat-bot closed 7 years ago
I'm not able to access this page in Taiwan, maybe someone could help to reproduce?
I'm not sure if the problem the user is reporting is that the canvas for the game is off-center, but assuming so, it's because they aren't centering their elements quite properly;
<div id="viewporter" style="position:relative; width:413px; height:652px">
<section id="game">
<canvas width="640" height="1060" style="position:relative; display:block; margin:0 auto">
</section>
</div>
Notice how the div
is not itself centered with a margin:auto
. Also notice that it's smaller than the canvas
inside of it. What happens is that the div
is left-aligned with respect to the screen, and browsers do the math differently to center the canvas
inside of its div
. In Chrome this probably looked "close enough" to being centered for them to feel okay with it, due to how it handles this case. But it isn't actually being centered properly. Firefox also ends up handling the case differently, so the canvas usually hugs the left edge of the viewport.
The fix is simple, and should be done: also add a margin:auto
to the div
element. And if they don't have any particular reason to make the div
smaller than the canvas
, they really should make the it big enough for the whole canvas... I wouldn't be surprised if it causes other cross-browser issues if they keep it smaller, whether or not they're significant.
I'm going to set this one to needscontact, but it's possible that the reporter wasn't talking about this glitch, so it might be worth it to double-check.
I wonder if this is spam. We keep having these. Duplicates?
Could be, but it's not 100% obvious if that's the case. There do seem to be different issues with the site for each report, so it could just be users reporting problems (whether they're compat issues or not). I'll leave it up to you if you feel we should reach out to them and find out.
For possible contacts, check the comment on https://github.com/webcompat/web-bugs/issues/3511#issuecomment-256250761
We can try to send emails I have very low confidence we will get any answers.
See #3511 comment about outreach
URL: http://mobile22.gameassists.co.uk/MobileWebGames/game/Skillzgaming/5_9_0_2?lobbyName=Spin8&languageCode=zh-cn&casinoID=2712&loginType=VanguardSessionToken&bankingURL=http://m.xlb8008.com/FTRedirection?&gameName=megaMoneyRush&clientID=40300&moduleID=18608&clientTypeID=40&xmanEndPoints=https://xplay2203.gameassists.co.uk/XMan/x.x&gameTitle=megaMoneyRush&lobbyURL=http://m.xlb8008.com/Game/Lobby/MG?&helpURL=&isPracticePlay=true&isRGI=true&authToken= Browser / Version: Firefox Mobile (Tablet) 51.0 Operating System: Android 5.1.1 Problem type: Unknown
Steps to Reproduce
Expected Behavior:
Actual Behavior:
From webcompat.com with ❤️