fix(QLayout): Improve behavior for containerized mode on iOS quasarframework#4127 quasarframework#4391

Author: rstoenescu

ui/dev/components/global/dialog.vue

@@ -387,7 +387,7 @@
     </q-dialog>
 
     <q-dialog v-model="layout">
-      <q-layout view="Lhh lpR fff" container>
+      <q-layout view="hhh lpr fff" container>
         <q-header reveal class="bg-black">
           <q-toolbar>
             <q-btn flat @click="drawer = !drawer" round dense icon="menu" />

ui/src/components/layout/QLayout.sass

@@ -1,6 +1,11 @@
 .q-layout
   width: 100%
 
+  &--containerized
+    // https://github.com/quasarframework/quasar/issues/4127
+    // Fixes scroll issues with containerized Layout inside Dialog on iOS
+    position: unset !important
+
 .q-layout-container
   position: relative
   width: 100%

ui/src/components/layout/QLayout.styl

@@ -1,6 +1,12 @@
 .q-layout
   width 100%
 
+  &--containerized
+    // https://github.com/quasarframework/quasar/issues/4127
+    // Fixes scroll issues with containerized Layout inside Dialog on iOS
+    position unset !important
+    overflow hidden !important
+
 .q-layout-container
   position relative
   width 100%