src/shared/ui/ContentEditable/ContentEditable.svelte

@@ -5,14 +5,20 @@
 <script lang="ts">
 interface Props {
     /**
-     * Visible text
+     * Visible text (bindable)
      */
     text: string;
     /**
-     * Font settings
+     * Font size in pixels
      */
     fontSize?: number;
+    /**
+     * Line height
+     */
     lineHeight?: number;
+    /**
+     * Letter spacing in pixels
+     */
     letterSpacing?: number;
 }
 
@@ -53,7 +59,7 @@ function handleInput(e: Event) {
         w-full min-h-[1.2em] outline-none transition-all duration-200
         empty:before:content-[attr(data-placeholder)] empty:before:text-slate-400
         selection:bg-indigo-100 selection:text-indigo-900
-        caret-indigo-500
+        caret-indigo-500 focus:outline-none
     "
     style:font-size="{fontSize}px"
     style:line-height={lineHeight}