search

ionic-team / ionic-v3

The repo for Ionic 3.x. For the latest version of Ionic, please see https://github.com/ionic-team/ionic
Other
128 stars 85 forks source link

White bar at bottom of my WEB-APP #250

Open ionitron-bot[bot] opened 5 years ago

ionitron-bot[bot] commented 5 years ago

Original issue by @ghost on 2017-09-21T13:12:18Z

Ionic version: (check one with "x") (For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1) [] 2.x [x] 3.x [ ] 4.x

I'm submitting a ... (check one with "x") [x] bug report [ ] feature request

Current behavior: After adding viewport-fit=cover to the meta tags the white bar moved from the status bar to the bottom.

Expected behavior: No white bar at the bottom

Steps to reproduce: Create an ionic app and use it as a webapp with safari.

Related code:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

Other information: I only found fixes for nativ app using cordova or ionic, but I only use the framework as a webapp and I could not find a fix for that.

CaiqueNds commented 4 years ago

example of the problem: https://github.com/ionic-team/ionic/issues/17572#issuecomment-583616493

I need help this happens in both ionic 3 and ionic 4 versions. And it is a particular problem of ionic pwa in mobile safari

RPReplay_Final1581110268