From 42e1271647cf30815872d8d3891c08f003e006b8 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 30 Jan 2026 17:44:18 +0300
Subject: [PATCH] feat(ContentEditable): add comments

---
 src/shared/ui/ContentEditable/ContentEditable.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/shared/ui/ContentEditable/ContentEditable.svelte b/src/shared/ui/ContentEditable/ContentEditable.svelte
index 0c9bc0b..8b45acb 100644
--- a/src/shared/ui/ContentEditable/ContentEditable.svelte
+++ b/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}