{"action":"opened","issue":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/13054","repository_url":"https://api.github.com/repos/ionic-team/ionic","labels_url":"https://api.github.com/repos/ionic-team/ionic/issues/13054/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/ionic/issues/13054/comments","events_url":"https://api.github.com/repos/ionic-team/ionic/issues/13054/events","html_url":"https://github.com/ionic-team/ionic/issues/13054","id":263117378,"number":13054,"title":"WKWebView Setting statusBar.overlaysWebView(false) breaks the footer on all iPhone models.","user":{"login":"hugodes","id":1223591,"avatar_url":"https://avatars0.githubusercontent.com/u/1223591?v=4","gravatar_id":"","url":"https://api.github.com/users/hugodes","html_url":"https://github.com/hugodes","followers_url":"https://api.github.com/users/hugodes/followers","following_url":"https://api.github.com/users/hugodes/following{/other_user}","gists_url":"https://api.github.com/users/hugodes/gists{/gist_id}","starred_url":"https://api.github.com/users/hugodes/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hugodes/subscriptions","organizations_url":"https://api.github.com/users/hugodes/orgs","repos_url":"https://api.github.com/users/hugodes/repos","events_url":"https://api.github.com/users/hugodes/events{/privacy}","received_events_url":"https://api.github.com/users/hugodes/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-10-05T13:02:56Z","updated_at":"2017-10-05T13:02:56Z","closed_at":null,"author_association":"NONE","body":"**Resources:**\r\n\r\n\r\n**Ionic version:**  (check one with \"x\")\r\n(For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1)\r\n[ ] **2.x**\r\n[x] **3.x**\r\n[ ] **4.x**\r\n\r\n**I'm submitting a ...**  (check one with \"x\")\r\n[x] bug report\r\n[ ] feature request\r\n\r\n**Current behavior:**\r\n<!-- Describe how the bug manifests. -->\r\nThe button in the footer is misplaced on iPhone < X and hidden on iPhone X\r\n\r\n![iphone 6 bad](https://user-images.githubusercontent.com/1223591/31228538-2e3117d6-a9de-11e7-8862-30bdc383de3b.png)\r\n![iphone x bad](https://user-images.githubusercontent.com/1223591/31228537-2e25d8bc-a9de-11e7-9c74-3fb2c012e9f2.png)\r\n\r\n\r\n**Expected behavior:**\r\n<!-- Describe what the behavior would be without the bug. -->\r\nThe button should have a normal padding on iPhone < X and be visible on iPhone X\r\n\r\n![iphone 6 good](https://user-images.githubusercontent.com/1223591/31228544-32cf447a-a9de-11e7-81ed-6877d31db738.png)\r\n![iphone x good](https://user-images.githubusercontent.com/1223591/31228543-32cdb6c8-a9de-11e7-88eb-4eba9a841b3b.png)\r\n\r\n\r\n**Steps to reproduce:**\r\n<!--  Please explain the steps required to duplicate the issue, especially if you are able to provide a sample application. -->\r\nRun this app https://github.com/hugodes/ionic-statusBar-breaking in an iPhone(X and inferior) emulator and look at the button in the footer\r\n\r\n\r\n\r\n**Related code:**\r\n\r\nIn this sample project created with ionic start, the only line I added is this one in the constructor of the main component.\r\n<!-- If you are able to illustrate the bug or feature request with an example, please provide a sample application via one of the following means:\r\n\r\nA sample application via GitHub\r\n\r\nStackBlitz (https://stackblitz.com)\r\n\r\nPlunker (http://plnkr.co/edit/cpeRJs?p=preview)\r\n\r\n-->\r\n\r\n```\r\n      statusBar.overlaysWebView(false);\r\n```\r\n\r\n**Other information:**\r\n<!-- List any other information that is relevant to your issue. Stack traces, related issues, suggestions on how to fix, Stack Overflow links, forum links, etc. -->\r\n\r\nIn line with http://blog.ionic.io/ios-11-checklist/ , I used \r\n\r\nionic cordova plugin rm cordova-plugin-statusbar\r\nionic cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git\r\n\r\nhoping that it would resolve my issue but it didn't.\r\n\r\nThis issue is also only apparent when using WKWebView\r\n\r\n\r\n**Ionic info:** (run `ionic info` from a terminal/cmd prompt and paste output below):\r\n\r\n```\r\n$ ionic info\r\n\r\ncli packages: (/Users/hugodes/.nvm/versions/node/v8.6.0/lib/node_modules)\r\n\r\n    @ionic/cli-utils  : 1.12.0\r\n    ionic (Ionic CLI) : 3.12.0\r\n\r\nglobal packages:\r\n\r\n    cordova (Cordova CLI) : 7.0.1 \r\n\r\nlocal packages:\r\n\r\n    @ionic/app-scripts : 3.0.0\r\n    Cordova Platforms  : ios 4.5.1\r\n    Ionic Framework    : ionic-angular 3.7.1\r\n\r\nSystem:\r\n\r\n    ios-deploy : 1.9.2 \r\n    Node       : v8.6.0\r\n    npm        : 5.3.0 \r\n    OS         : macOS High Sierra\r\n    Xcode      : Xcode 9.0 Build version 9A235 \r\n\r\nMisc:\r\n\r\n    backend : legacy\r\n\r\n```"}}
{"actor":{"display_login":"hugodes"}}