{"action":"created","issue":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/14127","repository_url":"https://api.github.com/repos/webcompat/web-bugs","labels_url":"https://api.github.com/repos/webcompat/web-bugs/issues/14127/labels{/name}","comments_url":"https://api.github.com/repos/webcompat/web-bugs/issues/14127/comments","events_url":"https://api.github.com/repos/webcompat/web-bugs/issues/14127/events","html_url":"https://github.com/webcompat/web-bugs/issues/14127","id":280514052,"number":14127,"title":"www.bolasport.com - “Urut Berdasarkan” drop-down menu is misaligned on “Komentar” area","user":{"login":"softvision-oana-arbuzov","id":12184325,"avatar_url":"https://avatars0.githubusercontent.com/u/12184325?v=4","gravatar_id":"","url":"https://api.github.com/users/softvision-oana-arbuzov","html_url":"https://github.com/softvision-oana-arbuzov","followers_url":"https://api.github.com/users/softvision-oana-arbuzov/followers","following_url":"https://api.github.com/users/softvision-oana-arbuzov/following{/other_user}","gists_url":"https://api.github.com/users/softvision-oana-arbuzov/gists{/gist_id}","starred_url":"https://api.github.com/users/softvision-oana-arbuzov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/softvision-oana-arbuzov/subscriptions","organizations_url":"https://api.github.com/users/softvision-oana-arbuzov/orgs","repos_url":"https://api.github.com/users/softvision-oana-arbuzov/repos","events_url":"https://api.github.com/users/softvision-oana-arbuzov/events{/privacy}","received_events_url":"https://api.github.com/users/softvision-oana-arbuzov/received_events","type":"User","site_admin":false},"labels":[{"id":242578402,"url":"https://api.github.com/repos/webcompat/web-bugs/labels/browser-firefox-mobile","name":"browser-firefox-mobile","color":"fbca04","default":false},{"id":770166112,"url":"https://api.github.com/repos/webcompat/web-bugs/labels/browser-firefox-mobile-nightly-59.0a1","name":"browser-firefox-mobile-nightly-59.0a1","color":"ededed","default":false},{"id":637127576,"url":"https://api.github.com/repos/webcompat/web-bugs/labels/priority-important","name":"priority-important","color":"FFBB11","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/webcompat/web-bugs/milestones/3","html_url":"https://github.com/webcompat/web-bugs/milestone/3","labels_url":"https://api.github.com/repos/webcompat/web-bugs/milestones/3/labels","id":2845624,"number":3,"title":"needsdiagnosis","description":"Issues in the process of being analyzed to discover the root cause of the problem. Previous stage is needstriage.","creator":{"login":"karlcow","id":505230,"avatar_url":"https://avatars0.githubusercontent.com/u/505230?v=4","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},"open_issues":954,"closed_issues":1,"state":"open","created_at":"2017-10-18T01:26:57Z","updated_at":"2017-12-11T09:27:43Z","due_on":null,"closed_at":null},"comments":0,"created_at":"2017-12-08T14:53:59Z","updated_at":"2017-12-11T10:03:04Z","closed_at":null,"author_association":"NONE","body":"<!-- @browser: Firefox Mobile Nightly 59.0a1 (2017-12-07) -->\n<!-- @ua_header: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:59.0) Gecko/20100101 Firefox/59.0 -->\n<!-- @reported_with: web -->\n\n**URL**: https://www.bolasport.com/read/bola/champions/225295-daftar-ranking-pemain-ballon-dor-2017--peringkat-3011\n\n**Browser / Version**: Firefox Mobile Nightly 59.0a1 (2017-12-07)\n**Operating System**: Huawei P10 (Android 7.0) - Resolution 1080 x 1920 pixels (~432 ppi pixel density)\n**Tested Another Browser**: Yes\n\n**Problem type**: Design is broken\n**Description**: “Urut Berdasarkan” drop-down menu is misaligned on “Komentar” area\n**Steps to Reproduce**:\n1. Navigate https://www.bolasport.com/read/bola/champions/225295-daftar-ranking-pemain-ballon-dor-2017--peringkat-3011. \r\n2. Scroll down the page to “Komentar” (“Comments”) area.\r\n3. Observe “Urut Berdasarkan” (“Sort by”) drop-down menu.\r\n  \r\n**Expected Behavior:**\r\nMenu is aligned with “Sort by” text.\r\n\r\n**Actual Behavior:**\r\nMenu is misaligned.\r\n\r\n**Note:**\r\n1. Reproducible on Firefox 57.0 Release (Mobile).\r\n2. Not reproducible on Chrome (Mobile) 62.0.3202.84. \r\n3. Screenshot attached.\r\n\r\n**Watchers:**\r\n@softvision-sergiulogigan\r\n@softvision-oana-arbuzov\r\n\r\nsv; country: id\r\n[![Screenshot Description](https://webcompat.com/uploads/2017/12/ef8886e9-2f97-4570-8da2-8c7a788bc7d4-thumb.jpeg)](https://webcompat.com/uploads/2017/12/ef8886e9-2f97-4570-8da2-8c7a788bc7d4.jpeg)\n\n\n\n_From [webcompat.com](https://webcompat.com/) with ❤️_"},"comment":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/comments/350677316","html_url":"https://github.com/webcompat/web-bugs/issues/14127#issuecomment-350677316","issue_url":"https://api.github.com/repos/webcompat/web-bugs/issues/14127","id":350677316,"user":{"login":"reinhart1010","id":17312341,"avatar_url":"https://avatars2.githubusercontent.com/u/17312341?v=4","gravatar_id":"","url":"https://api.github.com/users/reinhart1010","html_url":"https://github.com/reinhart1010","followers_url":"https://api.github.com/users/reinhart1010/followers","following_url":"https://api.github.com/users/reinhart1010/following{/other_user}","gists_url":"https://api.github.com/users/reinhart1010/gists{/gist_id}","starred_url":"https://api.github.com/users/reinhart1010/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinhart1010/subscriptions","organizations_url":"https://api.github.com/users/reinhart1010/orgs","repos_url":"https://api.github.com/users/reinhart1010/repos","events_url":"https://api.github.com/users/reinhart1010/events{/privacy}","received_events_url":"https://api.github.com/users/reinhart1010/received_events","type":"User","site_admin":false},"created_at":"2017-12-11T10:03:04Z","updated_at":"2017-12-11T10:03:04Z","author_association":"NONE","body":"This is clearly a design issue, mainly caused by different default sans-serif fonts.\r\n\r\nThe Facebook Comments Plugin uses Helvetica font, then Arial or any default sans-serif fonts to render the plugin. This is clearly seen by the CSS code:\r\n`font-family: Helvetica, Arial, sans-serif;`\r\n\r\nHowever, since Android does not have either Helvetica or Arial fonts installed, it will use the default sans-serif font set on respective browsers. [Clear Sans] is being used as the default (sans-serif) font in Firefox (Android), while [Roboto] is being used in Chrome instead.\r\n\r\nClear Sans has bigger line spacing size than that of Roboto, hence this page renders slightly different in Firefox than Chrome. Opening this URL in different browser or operating systems will have different results as well.\r\n\r\nTo fix this issue, it's up to Facebook on their decision on using better fonts to make the plugin look good in most browsers.\r\n\r\n[Clear Sans]: https://01.org/clear-sans\r\n[Roboto]: https://fonts.google.com/specimen/Roboto"}}
{"actor":{"display_login":"reinhart1010"}}