A few semantically-thin wrapper divs.

This is an extension of the previous commit: we don't need these divs _at all_ to achieve the layout we want, and we aren't attaching behaviour or semantics to them, so, out they go.

1 files changed, 17 insertions, 19 deletions

diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte
index 7df4ab2..1a18f63 100644
--- a/ui/lib/components/MessageInput.svelte
+++ b/ui/lib/components/MessageInput.svelte
@@ -45,22 +45,20 @@
   }
 </script>
 
-<div class="create-message">
-  <form {onsubmit}>
-    <textarea bind:value hidden {disabled}></textarea>
-    <div
-      role="textbox"
-      tabindex="0"
-      contenteditable="plaintext-only"
-      class={{
-        textarea: true,
-        disabled,
-      }}
-      bind:innerText={value}
-      {onkeydown}
-      {onpaste}
-      data-placeholder="Say something..."
-    ></div>
-    <button type="submit">&raquo;</button>
-  </form>
-</div>
+<form class="create-message" {onsubmit}>
+  <textarea bind:value hidden {disabled}></textarea>
+  <div
+    role="textbox"
+    tabindex="0"
+    contenteditable="plaintext-only"
+    class={{
+      textarea: true,
+      disabled,
+    }}
+    bind:innerText={value}
+    {onkeydown}
+    {onpaste}
+    data-placeholder="Say something..."
+  ></div>
+  <button type="submit">&raquo;</button>
+</form>