You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by ma...@apache.org on 2026/08/25 10:40:48 UTC

(cordova-plugin-statusbar) 01/01: doc(readme): move iOS `viewport-fit=cover` quirk directly to `StatusBarOverlaysWebView`

This is an automated email from the ASF dual-hosted git repository.

GitToTheHub pushed a commit to branch pr-doc-readme-move-ios-quirk-viewport-fit-cover-to-StatusBarOverlaysWebView
in repository https://gitbox.apache.org/repos/asf/cordova-plugin-statusbar.git

commit c598e93ae53bcd6496a1c080d0b9ba302b417a53
Author: Manuel Beck <ma...@outlook.de>
AuthorDate: Tue Aug 25 12:40:36 2026 +0200

    doc(readme): move iOS `viewport-fit=cover` quirk directly to `StatusBarOverlaysWebView`
    
    - The iOS quirk for including `viewport-fit=cover` to make the status bar overlay should be noted directly under `StatusBarOverlaysWebView`. Since iOS 11 is the minimum the plugin supports.
---
 README.md | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index eaff363..e05d9d8 100644
--- a/README.md
+++ b/README.md
@@ -58,7 +58,11 @@ Preferences
 
     ##### iOS Specifics
 
-    The status bar will be transparent if `StatusBarOverlaysWebView` is set to `true`. A background color cannot be applied.
+    The status bar will be transparent if `StatusBarOverlaysWebView` is set to `true`. A background color cannot be applied. Since iOS 11 you must also include `viewport-fit=cover` in your `<meta name="viewport" content="...">` tag if you want the status bar to overlay the webview:
+
+    ```html
+    <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
+    ```
 
     ##### Android Quirks
     
@@ -98,15 +102,6 @@ if (cordova.platformId == 'android') {
 }
 ```
 
-### iOS Quirks
-Starting with iOS 11 you must include `viewport-fit=cover` in your viewport meta tag if you want the status bar to overlay the webview:
-
-```html
-<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
-```
-
-
-
 Hiding at startup
 -----------
 


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