Merge pull request #9219 from hicommonwealth/8727.israel.raymond-ui-bugs

Raymond UI bugs fix
hicommonwealth · Oct 23, 2024 · b2305a2 · b2305a2
2 parents 572eb90 + 12d3143
commit b2305a2
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/...es/commonwealth/client/scripts/views/components/Comments/CommentEditor/CommentEditor.scss b/...es/commonwealth/client/scripts/views/components/Comments/CommentEditor/CommentEditor.scss
@@ -14,6 +14,11 @@
       display: flex;
       gap: 4px;
 
+      .caption {
+        display: inline-block;
+        vertical-align: baseline;
+      }
+
       .user-link-text {
         &.disabled {
           .user-display-name {
@@ -50,4 +55,4 @@
   .token-req-text.Text {
     color: $neutral-500;
   }
-}
+}
diff --git a/packages/commonwealth/client/scripts/views/pages/discussions/CommentTree/CommentTree.tsx b/packages/commonwealth/client/scripts/views/pages/discussions/CommentTree/CommentTree.tsx
@@ -160,6 +160,7 @@ export const CommentTree = ({
   });
 
   const scrollToRef = useRef(null);
+  const scrollToEditorRef = useRef(null);
 
   const scrollToElement = () => {
     if (scrollToRef.current) {
@@ -171,6 +172,17 @@ export const CommentTree = ({
     }
   };
 
+  const scrollToEditor = () => {
+    // @ts-expect-error <StrictNullChecks/>
+    scrollToEditorRef.current?.scrollIntoView({ behavior: 'smooth' });
+  };
+
+  useEffect(() => {
+    if (isReplying) {
+      scrollToEditor();
+    }
+  }, [isReplying]);
+
   // eslint-disable-next-line @typescript-eslint/no-shadow
   const handleIsReplying = (isReplying: boolean, id?: number) => {
     if (isReplying) {