fix: add viewport-fix=cover to index.html (#20943) (#20945)

It turns out that viewport-fix=cover also needs to be added to index.html, in addition to @Viewport annotations, which were addressed in #20836. Fixes vaadin/web-components#8449 Co-authored-by: Sergey Vinogradov <[email protected]>
vaadin · Feb 3, 2025 · 4fe0fe9 · 4fe0fe9
1 parent dd70b08
commit 4fe0fe9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/flow-server/src/main/resources/com/vaadin/flow/server/default-offline-page.html b/flow-server/src/main/resources/com/vaadin/flow/server/default-offline-page.html
@@ -5,7 +5,7 @@
     <base href=".">
     <title>%%%PROJECT_NAME%%%</title>
     %%%META_ICONS%%%
-    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes, viewport-fit=cover">
 
     <style>
         .page {

diff --git a/flow-server/src/main/resources/com/vaadin/flow/server/frontend/index.html b/flow-server/src/main/resources/com/vaadin/flow/server/frontend/index.html
@@ -6,7 +6,7 @@
 <html>
 <head>
   <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
   <style>
     body, #outlet {
       height: 100vh;