refactor: Highlight the text in the message textarea on focus in Dash…

…boardLayout component
bramses · Sep 10, 2024 · 66d706c · 66d706c
1 parent 28e3465
commit 66d706c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/app/[locale]/(auth)/dashboard/layout.tsx b/src/app/[locale]/(auth)/dashboard/layout.tsx
@@ -42,9 +42,11 @@ export default function DashboardLayout(props: { children: React.ReactNode }) {
     }
 
     // focus on the textarea
-    const message = document.getElementById('message');
+    const message = document.getElementById('message') as HTMLTextAreaElement;
     if (message) {
       message.focus();
+      // highlight the text in the textarea
+      message.select();
     }
   };