search

stencil-community / stencil-app-starter

Minimal starter project for building web components with Stencil
https://github.com/ionic-team/stencil
MIT License
320 stars 102 forks source link

Add viewport-fit=cover to the meta viewport tag for stencil app projects? #88

Closed Simbaclaws closed 1 year ago

Simbaclaws commented 1 year ago

Dear Stencil Community,

Currently whenever I want to add for example capacitor to my stencil app to compile apps for native iOS and Android builds... I have to add viewport-fit=cover to the viewport meta tag for each new project that I create, so that the safe area insets for both iOS and Android work.

Without it, my apps will have no safe-inset-area's, meaning content will overflow the statusbar and bottom navigator for iOS and Android.

Is there a reason why this is not added to the index.html file generated by default?

Yours truly, Hylke

Simbaclaws commented 1 year ago

See: https://developer.mozilla.org/en-US/docs/Web/CSS/env#usage

(specifically the usage section) For more detail on subject matter.

valadas commented 1 year ago

Done in #89