[GitHub] [cordova-android] LorinczTimotei commented on issue #1465: Android 11 css safe-area-insets not applied

[GitBox <gi...@apache.org>]

LorinczTimotei commented on issue #1465:
URL: https://github.com/apache/cordova-android/issues/1465#issuecomment-1363777780

   I had the same problem on Android 13 phones
   
   **but**
   
   I was able to solve the problem by deleting the plugin cordova-plugin-statusbar@3.0.0 and installing the plugin diogo-cordova-plugin-statusbar@0.0.6
   
   **and**
   
   to be ok on android 12 or lower, I also put in .css
   
   html.device-android .statusbar,
   html.device-ios .statusbar {
   	height: constant(safe-area-inset-top);
   	height: env(safe-area-inset-top);
   }
   html.device-android.device-android-13 .statusbar {
   	height: initial;
   }
   html.with-statusbar.device-android .framework7-root,
   html.with-statusbar.device-ios .framework7-root {
   	padding-top: constant(safe-area-inset-top);
   	padding-top: env(safe-area-inset-top);
   }
   html.with-statusbar.device-android.device-android-13 .framework7-root {
   	padding-top: initial;
   }
   
   
   **I know "safe-area-inset-top" doesn't work for Android, but I set it to override for Android 12 or lower, which is set by default!**
   
   That's how it works for me, ok :)
   
   I use cordova 11.0.0,  cordova android 11.0.0 and framework7 with vue.


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org