{"action":"created","issue":{"url":"https://api.github.com/repos/meteor/meteor/issues/9208","repository_url":"https://api.github.com/repos/meteor/meteor","labels_url":"https://api.github.com/repos/meteor/meteor/issues/9208/labels{/name}","comments_url":"https://api.github.com/repos/meteor/meteor/issues/9208/comments","events_url":"https://api.github.com/repos/meteor/meteor/issues/9208/events","html_url":"https://github.com/meteor/meteor/issues/9208","id":264564014,"number":9208,"title":"[1.6-rc.6] iPhone X misreporting window.screen.availHeight property","user":{"login":"markoshust","id":437029,"avatar_url":"https://avatars3.githubusercontent.com/u/437029?v=4","gravatar_id":"","url":"https://api.github.com/users/markoshust","html_url":"https://github.com/markoshust","followers_url":"https://api.github.com/users/markoshust/followers","following_url":"https://api.github.com/users/markoshust/following{/other_user}","gists_url":"https://api.github.com/users/markoshust/gists{/gist_id}","starred_url":"https://api.github.com/users/markoshust/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/markoshust/subscriptions","organizations_url":"https://api.github.com/users/markoshust/orgs","repos_url":"https://api.github.com/users/markoshust/repos","events_url":"https://api.github.com/users/markoshust/events{/privacy}","received_events_url":"https://api.github.com/users/markoshust/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2017-10-11T12:17:51Z","updated_at":"2017-10-23T22:16:52Z","closed_at":null,"author_association":"NONE","body":"Working with 1.6-rc.6 from https://github.com/meteor/meteor/pull/8728\r\n\r\nWhen running Meteor on ios-device and using Xcode Simulator for iPhone X / iOS 11, running a `console.log(window.screen.availHeight)` reports that the availHeight is `667`. This appears to be the height of the iPhone 6/7/8 (or iPhone 6+/7+/8+ with display zoom). I believe the iPhone X should be reporting a value of `812`.\r\n\r\nThis causes the display to be constricted, with some slight padding on the top, and a lot of padding on the bottom of the screen (white area is usable space):\r\n\r\n![screen shot 2017-10-11 at 7 57 40 am](https://user-images.githubusercontent.com/437029/31439420-11c5f956-ae5a-11e7-91fb-198779aef2c7.png)\r\n\r\nPerhaps this is a problem of support with/without display zoom, as the iPhone 6/7/8 reports a value of `667` but the iPhone 6+/7+/8+ reports a value of `736`. Otherwise it's because the iPhone X is just not reporting the value correctly."},"comment":{"url":"https://api.github.com/repos/meteor/meteor/issues/comments/338813067","html_url":"https://github.com/meteor/meteor/issues/9208#issuecomment-338813067","issue_url":"https://api.github.com/repos/meteor/meteor/issues/9208","id":338813067,"user":{"login":"bmanturner","id":8716214,"avatar_url":"https://avatars3.githubusercontent.com/u/8716214?v=4","gravatar_id":"","url":"https://api.github.com/users/bmanturner","html_url":"https://github.com/bmanturner","followers_url":"https://api.github.com/users/bmanturner/followers","following_url":"https://api.github.com/users/bmanturner/following{/other_user}","gists_url":"https://api.github.com/users/bmanturner/gists{/gist_id}","starred_url":"https://api.github.com/users/bmanturner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bmanturner/subscriptions","organizations_url":"https://api.github.com/users/bmanturner/orgs","repos_url":"https://api.github.com/users/bmanturner/repos","events_url":"https://api.github.com/users/bmanturner/events{/privacy}","received_events_url":"https://api.github.com/users/bmanturner/received_events","type":"User","site_admin":false},"created_at":"2017-10-23T22:16:52Z","updated_at":"2017-10-23T22:16:52Z","author_association":"NONE","body":"Try using a container of height: 100vh around everything. When I fixed my app for iOS11 I had to change a lot of heights from 100% to 100vh\n\nSent from ProtonMail mobile\n\n-------- Original Message --------\nOn Oct 23, 2017, 5:14 PM, Mark Shust wrote:\n\n> it appears viewport-fit=cover is actually being added. if you check with another browser, for example Chrome, you will see the tag added (but ignored, as it isn't supported).\n>\n> if i instead add this:\n>\n> import { WebApp } from 'meteor/webapp';\n>\n> WebApp.rawConnectHandlers.use(\n>   Meteor.bindEnvironment((req, res, next) => {\n>     res.setHeader('Access-Control-Allow-Origin', '*');\n>     req.dynamicHead =\n>       (req.dynamicHead || '') +\n>       '<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover\">';\n>\n>     next();\n>   })\n> );\n>\n> i do see everything shift down a bit. now the top/bottom padding is the same, but the height of the app is still too small.\n>\n> [screen shot 2017-10-23 at 6 12 17 pm](https://user-images.githubusercontent.com/437029/31915805-e7053e84-b81d-11e7-8abb-9c9edacb6a54.png)\n>\n> —\n> You are receiving this because you were mentioned.\n> Reply to this email directly, [view it on GitHub](https://github.com/meteor/meteor/issues/9208#issuecomment-338812442), or [mute the thread](https://github.com/notifications/unsubscribe-auth/AIT_tgY6mA_3JhkftipLDizbTh2zY-2rks5svQ--gaJpZM4P1YG4)."}}
{"actor":{"display_login":"bmanturner"}}