webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
742 stars 65 forks source link

mobile22.gameassists.co.uk - unknown #3692

Closed webcompat-bot closed 7 years ago

webcompat-bot commented 7 years ago

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

  1. Navigate to: Site URL

Expected Behavior:

Actual Behavior:

Screenshot Description

From webcompat.com with ❤️

MDTsai commented 7 years ago

I'm not able to access this page in Taiwan, maybe someone could help to reproduce?

wisniewskit commented 7 years ago

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.

karlcow commented 7 years ago

I wonder if this is spam. We keep having these. Duplicates?

wisniewskit commented 7 years ago

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.

karlcow commented 7 years ago

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.

karlcow commented 7 years ago

See #3511 comment about outreach