ayanova/src/App.vue

@@ -4,13 +4,18 @@
     <gzconfirm ref="gzconfirm"></gzconfirm>
     <!-- <gzreportselector ref="gzreportselector"></gzreportselector> -->
     <!-- Width of nav drawer set to allow widest translated text menu item to show which is spanish client service requests item 
-    and also leave a tiny space to click on outside of nav for galaxy 9 phone (narrowest width supported device) -->
+    and also leave a tiny space to click on outside of nav for galaxy 9 phone (narrowest width supported device) 
+    
+    Also there is a height bug in vuetify with chrome on mobile (and safari) so using workaround with 100% height set on v-navigation-drawer
+    https://github.com/vuetifyjs/vuetify/issues/9607
+    -->
     <v-navigation-drawer
       v-if="isAuthenticated"
       v-model="drawer"
       app
       temporary
       width="345"
+      height="100%"
     >
       <template v-slot:prepend>
         <div class="subtitle-2 primary--text pt-2 pl-4">