From 846909536dc4d1326ceedff42bb6b1b00690e561 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sat, 14 Jan 2023 12:37:43 +0100
Subject: [PATCH] deactivate when cleaning input field

---
 src/element/NoteCreator.js | 12 +++++++++++-
 src/element/Textarea.css   |  5 -----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/element/NoteCreator.js b/src/element/NoteCreator.js
index d074930c0..0185b3a94 100644
--- a/src/element/NoteCreator.js
+++ b/src/element/NoteCreator.js
@@ -47,6 +47,16 @@ export function NoteCreator(props) {
         }
     }
 
+    function onChange(ev) {
+        const { value } = ev.target
+        if (value) {
+          setNote(value)
+          setActive(true)
+        } else {
+          setActive(false)
+        }
+    }
+
     if (!show) return false;
     return (
         <>
@@ -56,7 +66,7 @@ export function NoteCreator(props) {
                     <Textarea
                       className={`textarea ${active ? "textarea--focused" : ""}`}
                       users={users}
-                      onChange={(ev) => setNote(ev.target.value)}
+                      onChange={onChange}
                       onFocus={() => setActive(true)}
                     />
                     <div className="actions flex f-row">
diff --git a/src/element/Textarea.css b/src/element/Textarea.css
index b2f177862..a0d74be9b 100644
--- a/src/element/Textarea.css
+++ b/src/element/Textarea.css
@@ -1,10 +1,5 @@
-.rta {
-  overflow: visible;
-}
-
 .rta__entity {
   background: var(--gray);
-  padding: 4px 8px;
 }
 
 .rta__entity--selected {