{"action":"created","issue":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/943","labels_url":"https://api.github.com/repos/webcompat/web-bugs/issues/943/labels{/name}","comments_url":"https://api.github.com/repos/webcompat/web-bugs/issues/943/comments","events_url":"https://api.github.com/repos/webcompat/web-bugs/issues/943/events","html_url":"https://github.com/webcompat/web-bugs/issues/943","id":69744843,"number":943,"title":"www.mapion.co.jp - old CSS code breaks rendering of form at the bottom of the screen","user":{"login":"karlcow","id":505230,"avatar_url":"https://avatars.githubusercontent.com/u/505230?v=3","gravatar_id":"","url":"https://api.github.com/users/karlcow","html_url":"https://github.com/karlcow","followers_url":"https://api.github.com/users/karlcow/followers","following_url":"https://api.github.com/users/karlcow/following{/other_user}","gists_url":"https://api.github.com/users/karlcow/gists{/gist_id}","starred_url":"https://api.github.com/users/karlcow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karlcow/subscriptions","organizations_url":"https://api.github.com/users/karlcow/orgs","repos_url":"https://api.github.com/users/karlcow/repos","events_url":"https://api.github.com/users/karlcow/events{/privacy}","received_events_url":"https://api.github.com/users/karlcow/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/webcompat/web-bugs/labels/firefox","name":"firefox","color":"FF4E00"},{"url":"https://api.github.com/repos/webcompat/web-bugs/labels/sitewait","name":"sitewait","color":"006b75"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-04-21T05:02:20Z","updated_at":"2015-06-18T05:00:22Z","closed_at":null,"body":"<!-- @browser: Firefox 39.0 -->\n<!-- @ua_header: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:39.0) Gecko/20100101 Firefox/39.0 -->\n\n**URL**: http://www.mapion.co.jp/smp/\n**Browser / Version**: Firefox 39.0\n**Operating System**: Android\n**Problem type**: Layout is messed up\n\n**Steps to Reproduce**\n1) Navigate to: http://www.mapion.co.jp/smp/\r\n2) …\r\n\r\nExpected Behavior:\r\nBoxes and layout behind on par with other mobile browsers\r\n\r\nActual Behavior:\r\nSome boxes are vertical instead of horizonal. Probably usage of outdated Webkit CSS for flexbox.\r\nLet's dig a bit more.\r\n\r\nFor example here:\r\n\r\n``` css\r\n.sec-app-link{display:-webkit-box;display:box;margin:0;padding:15px 0;}\r\n.sec-app-col{display:block;-webkit-box-ordinal-group:2;box-ordinal-group:2;-webkit-box-flex:2;box-flex:2;margin:0;padding:0;}\r\n.sec-app-ttl{margin:0;padding:0 0 5px;font-size:15px;font-weight:bold;color:#3a85c9;}\r\n.sec-app-text{margin:0;padding:0;font-size:14px;color:#392a26;line-height:1.4;}\r\n.sec-app-thum{display:block;-webkit-box-ordinal-group:1;box-ordinal-group:1;width:55px;height:55px;margin:0 10px 0 0;padding:0;}\r\n```\r\n\r\nor again here\r\n\r\n``` css\r\n.search-input-wrap{display:-webkit-box;display:box;}\r\n.search-input-wrap input[type=\"text\"]{display:block;width:50%;-webkit-box-flex:1;box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;}\r\n```\r\n\r\nOr again in the page http://www.mapion.co.jp/smp/station/14\r\n\r\n``` css\r\n.box-size{-webkit-box-sizing:border-box;box-sizing:border-box;}\r\n.box{display:-webkit-box;display:box;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}\r\n.box-flex{display:block;-webkit-box-flex:1;box-flex:1;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}\r\n```\r\n\r\nThese are easy to fix. \r\nhttp://hallvord.com/temp/moz/cssfixme.php\r\n\r\nOnce flexbox is fixed everything is working accordingly\r\n\r\ncountry: jp"},"comment":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/comments/113038289","html_url":"https://github.com/webcompat/web-bugs/issues/943#issuecomment-113038289","issue_url":"https://api.github.com/repos/webcompat/web-bugs/issues/943","id":113038289,"user":{"login":"karlcow","id":505230,"avatar_url":"https://avatars.githubusercontent.com/u/505230?v=3","gravatar_id":"","url":"https://api.github.com/users/karlcow","html_url":"https://github.com/karlcow","followers_url":"https://api.github.com/users/karlcow/followers","following_url":"https://api.github.com/users/karlcow/following{/other_user}","gists_url":"https://api.github.com/users/karlcow/gists{/gist_id}","starred_url":"https://api.github.com/users/karlcow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karlcow/subscriptions","organizations_url":"https://api.github.com/users/karlcow/orgs","repos_url":"https://api.github.com/users/karlcow/repos","events_url":"https://api.github.com/users/karlcow/events{/privacy}","received_events_url":"https://api.github.com/users/karlcow/received_events","type":"User","site_admin":false},"created_at":"2015-06-18T05:00:22Z","updated_at":"2015-06-18T05:00:22Z","body":"Switching to sitewait. Thanks :+1: "}}