{"action":"created","issue":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/3692","repository_url":"https://api.github.com/repos/webcompat/web-bugs","labels_url":"https://api.github.com/repos/webcompat/web-bugs/issues/3692/labels{/name}","comments_url":"https://api.github.com/repos/webcompat/web-bugs/issues/3692/comments","events_url":"https://api.github.com/repos/webcompat/web-bugs/issues/3692/events","html_url":"https://github.com/webcompat/web-bugs/issues/3692","id":189303989,"number":3692,"title":"mobile22.gameassists.co.uk - unknown","user":{"login":"webcompat-bot","id":8862693,"avatar_url":"https://avatars.githubusercontent.com/u/8862693?v=3","gravatar_id":"","url":"https://api.github.com/users/webcompat-bot","html_url":"https://github.com/webcompat-bot","followers_url":"https://api.github.com/users/webcompat-bot/followers","following_url":"https://api.github.com/users/webcompat-bot/following{/other_user}","gists_url":"https://api.github.com/users/webcompat-bot/gists{/gist_id}","starred_url":"https://api.github.com/users/webcompat-bot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/webcompat-bot/subscriptions","organizations_url":"https://api.github.com/users/webcompat-bot/orgs","repos_url":"https://api.github.com/users/webcompat-bot/repos","events_url":"https://api.github.com/users/webcompat-bot/events{/privacy}","received_events_url":"https://api.github.com/users/webcompat-bot/received_events","type":"User","site_admin":false},"labels":[{"id":377028411,"url":"https://api.github.com/repos/webcompat/web-bugs/labels/browser-firefox-mobile-(tablet)","name":"browser-firefox-mobile-(tablet)","color":"ededed","default":false},{"id":388173951,"url":"https://api.github.com/repos/webcompat/web-bugs/labels/status-needstriage","name":"status-needstriage","color":"ff9900","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-11-15T05:35:22Z","updated_at":"2016-11-15T16:23:39Z","closed_at":null,"body":"<!-- @browser: Firefox Mobile (Tablet) 51.0 -->\n<!-- @ua_header: Mozilla/5.0 (Android 5.1.1; Tablet; rv:51.0) Gecko/51.0 Firefox/51.0 -->\n<!-- @reported_with: web -->\n\n**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=\n**Browser / Version**: Firefox Mobile (Tablet) 51.0\n**Operating System**: Android 5.1.1\n**Problem type**: Unknown\n\n**Steps to Reproduce**\n1. Navigate to: Site URL\r\n2. …\r\n\r\nExpected Behavior:\r\n\r\nActual Behavior:\r\n\r\n\r\n![Screenshot Description](https://webcompat.com/uploads/2016/11/87d6f85b-81a9-4a17-9f60-e03f48cb38a4.jpg)\n\n\n\n_From [webcompat.com](https://webcompat.com/) with ❤️_"},"comment":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/comments/260689085","html_url":"https://github.com/webcompat/web-bugs/issues/3692#issuecomment-260689085","issue_url":"https://api.github.com/repos/webcompat/web-bugs/issues/3692","id":260689085,"user":{"login":"wisniewskit","id":419743,"avatar_url":"https://avatars.githubusercontent.com/u/419743?v=3","gravatar_id":"","url":"https://api.github.com/users/wisniewskit","html_url":"https://github.com/wisniewskit","followers_url":"https://api.github.com/users/wisniewskit/followers","following_url":"https://api.github.com/users/wisniewskit/following{/other_user}","gists_url":"https://api.github.com/users/wisniewskit/gists{/gist_id}","starred_url":"https://api.github.com/users/wisniewskit/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wisniewskit/subscriptions","organizations_url":"https://api.github.com/users/wisniewskit/orgs","repos_url":"https://api.github.com/users/wisniewskit/repos","events_url":"https://api.github.com/users/wisniewskit/events{/privacy}","received_events_url":"https://api.github.com/users/wisniewskit/received_events","type":"User","site_admin":false},"created_at":"2016-11-15T16:23:39Z","updated_at":"2016-11-15T16:23:39Z","body":"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;\r\n\r\n```\r\n<div id=\"viewporter\" style=\"position:relative; width:413px; height:652px\">\r\n  <section id=\"game\">\r\n    <canvas width=\"640\" height=\"1060\" style=\"position:relative; display:block; margin:0 auto\">\r\n  </section>\r\n</div>\r\n```\r\n\r\nNotice 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.\r\n\r\nThe 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."}}
{"actor":{"display_login":"wisniewskit"}}