fix mobile/android notes not showing until refresh/change mode

android/app/src/main/assets/public/index.html

@@ -8,7 +8,7 @@
     <link rel="manifest" href="/site.webmanifest">    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Trusty Notes</title>
     <script defer data-domain="notes.toolworks.dev" src="https://plausible.toolworks.dev/js/script.js"></script>
-    <script type="module" crossorigin src="/assets/index-DhE_q3AR.js"></script>
+    <script type="module" crossorigin src="/assets/index-B1frYiu1.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/buffer-Cq5fL-tY.js">
     <link rel="stylesheet" crossorigin href="/assets/index-BHNR0Rya.css">
   </head>

android/capacitor-cordova-android-plugins/build.gradle

@@ -9,7 +9,7 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:8.7.2'
+        classpath 'com.android.tools.build:gradle:8.2.1'
     }
 }
 
@@ -19,16 +19,18 @@ android {
     namespace "capacitor.cordova.android.plugins"
     compileSdk project.hasProperty('compileSdkVersion') ? rootProject.ext.compileSdkVersion : 34
     defaultConfig {
-        minSdkVersion project.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 23
+        minSdkVersion project.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 22
         targetSdkVersion project.hasProperty('targetSdkVersion') ? rootProject.ext.targetSdkVersion : 34
+        versionCode 1
+        versionName "1.0"
+    }
+    lintOptions {
+        abortOnError false
     }
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_17
         targetCompatibility JavaVersion.VERSION_17
     }
-    lint {
-        abortOnError false
-    }
 }
 
 repositories {

android/capacitor-cordova-android-plugins/cordova.variables.gradle

@@ -1,6 +1,6 @@
 // DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
 ext {
-  cdvMinSdkVersion = project.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 23
+  cdvMinSdkVersion = project.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 22
   // Plugin gradle extensions can append to this to have code run at the end.
   cdvPluginPostBuildExtras = []
   cordovaConfig = [:]

src/components/RichTextEditor.tsx

@@ -44,13 +44,14 @@ export function RichTextEditor({ content, onChange }: RichTextEditorProps) {
     editorProps: {
       attributes: {
         class: 'rich-text-editor',
+        style: 'height: 100%'
       },
     },  
   });
 
   useEffect(() => {
     if (editor && content !== editor.getHTML()) {
-      editor.commands.setContent(content);
+      editor.commands.setContent(content, false);
     }
   }, [content, editor]);
 

src/styles/mobile.css

@@ -11,8 +11,10 @@
     padding-top: var(--ion-safe-area-top);
     padding-bottom: var(--ion-safe-area-bottom);
     background-color: var(--mantine-color-body);
+    height: 100vh;
+    overflow: hidden;
   }
-
+    
   .keyboard-visible .markdown-editor {
     max-height: calc(100vh - 270px);
   }
@@ -23,6 +25,24 @@
       overflow-x: hidden;
       -webkit-text-size-adjust: 100%;
     }
+
+    .android .ProseMirror {
+      min-height: 50vh;
+      height: calc(100vh - 200px);
+      overflow-y: auto;
+      -webkit-overflow-scrolling: touch;
+    }  
+
+    .android .rich-text-editor {
+      display: flex;
+      flex-direction: column;
+      height: calc(100vh - 120px);
+    }
+
+    .android .mantine-AppShell-main {
+      height: 100vh;
+      overflow: hidden;
+    }  
 
     .mantine-AppShell-main {
       padding: 2px !important;