bug: Capacitor 3 app don't fill the entire screen

[alfredosalzillo]

Bug Report

Capacitor Version

💊   Capacitor Doctor  💊 

Latest Dependencies:

  @capacitor/cli: 3.0.0
  @capacitor/core: 3.0.0
  @capacitor/android: 3.0.0
  @capacitor/electron: 3.0.0
  @capacitor/ios: 3.0.0

Installed Dependencies:

  @capacitor/ios 3.0.0
  @capacitor/android 3.0.0
  @capacitor/core 3.0.0
  @capacitor/cli 3.0.0
  @capacitor/electron not installed

[success] Android looking great! 👌
  Found 10 Capacitor plugins for ios:
    @capacitor-community/facebook-login (3.0.0)
    @capacitor/app (1.0.0)
    @capacitor/clipboard (1.0.0)
    @capacitor/device (1.0.0)
    @capacitor/share (1.0.0)
    @codetrix-studio/capacitor-google-auth (3.0.1)
    capacitor-apple-login (0.0.7)
    capacitor-google-analytics (1.0.1)
    cordova-plugin-smartlook (1.7.4)
    onesignal-cordova-plugin (2.11.4)
[success] iOS looking great! 👌

Platform(s)

Android

Current Behavior

After updating to capacitor 3.0 the screen height is smaller (83% of the screen).

Expected Behavior

The app height should be full screen.

Other Technical Details

npm --version output: 7.0.15

node --version output: v15.4.0

pod --version output (iOS issues only):

Additional Context

[Ionitron]

This issue may need more information before it can be addressed. In particular, it will need a reliable Code Reproduction that demonstrates the issue.

Please see the Contributing Guide for how to create a Code Reproduction.

Thanks!
Ionitron 💙

[SheppardX]

i have a same issue ... i dont know what todo ... in before we had capacitor 2.4.7 with NO problems, Code doesnt changed of Angular APP then we upgraded to 3.0.1 this issue happens

the red box is the splashscreen behind the top left webView where the wizard is visual ...

[alfredosalzillo]

I have found that the FrameLayout have paddingBottom setted somewhere

[SheppardX]

i have just CoordinateLayout and WebView nothing else Am Fr., 11. Juni 2021 um 14:56 Uhr schrieb Alfredo Salzillo < ***@***.***>:

…

[image: Screenshot 2021-06-11 at 14 54 53] <https://user-images.githubusercontent.com/13395386/121689590-0f5c3000-cac5-11eb-9c55-cae65894b70d.png> I have found that the FrameLayout have paddingBottom setted somewhere — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#4708 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABRRRW6OD5ZTZ6H6MDHMEITTSIBX3ANCNFSM46L7P7ZA> .

[SheppardX]

and all my padding are set to 0

[alfredosalzillo]

I found out that there is no problem if you run using capacitor run android

[alfredosalzillo]

The problem only appear when generating an app bundle

[SheppardX]

no for me it appears if i try run it on my real device via android studio

[alfredosalzillo]

@SheppardX when you run on the device he create and run an app bundle (by default) using android studio

[SheppardX]

okay but what could be the problem ? i created android via npx cap add android initially and it looks like that

[alfredosalzillo]

The problem happens always when the screen is zoommed

[alfredosalzillo]

Changing android:theme="@style/AppTheme.NoActionBarLaunch" to android:theme="@style/AppTheme" in the android manifest fixed for me.

[jcesarmobile]

Closing since nobody provided a sample app where it could be reproduced.

If it's theme related it could be fixed by #4841

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.