fix: Wide selection of comment toolbar fixes (#5160

* fix: Margin on floating toolbar
fix: Flash of toolbar on wide screens

* fix: Nesting of comment marks

* fix: Post button not visible when there is a draft comment, makes it look like the comment is saved
fix: Styling of link editor results now matches other menus
fix: Allow small link editor in comments sidebar

* fix: Cannot use arrow keys to navigate suggested links
Added animation to link suggestions
Added mixin for text ellipsis

* fix: Link input appears non-rounded when no creation option

* Accidental removal

app/scenes/Document/components/CommentForm.tsx

@@ -153,7 +153,8 @@ function CommentForm({
   const handleChange = (
     value: (asString: boolean, trim: boolean) => Record<string, any>
   ) => {
-    setData(value(false, true));
+    const text = value(true, true);
+    setData(text ? value(false, true) : undefined);
     onTyping?.();
   };
 
@@ -251,7 +252,7 @@ function CommentForm({
                 : `${t("Add a reply")}…`)
             }
           />
-          {inputFocused && (
+          {(inputFocused || data) && (
             <Flex justify={dir === "rtl" ? "flex-end" : "flex-start"} gap={8}>
               <ButtonSmall type="submit" borderOnHover>
                 {thread && !thread.isNew ? t("Reply") : t("Post")}