Adding textarea autosize to content fields on post

1 files changed, 9 insertions, 0 deletions

diff --git a/ui/src/components/post.tsx b/ui/src/components/post.tsx
index adb90840..adcc8616 100644
--- a/ui/src/components/post.tsx
+++ b/ui/src/components/post.tsx
@@ -5,6 +5,7 @@ import { UserOperation, Community, Post as PostI, PostResponse, Comment, Comment
 import { WebSocketService, UserService } from '../services';
 import { msgOp, hotRank,mdToHtml } from '../utils';
 import { MomentTime } from './moment-time';
+import * as autosize from 'autosize';
 
 interface CommentNodeI {
   comment: Comment;
@@ -54,6 +55,10 @@ export class Post extends Component<any, State> {
     this.subscription.unsubscribe();
   }
 
+  componentDidMount() {
+    autosize(document.querySelectorAll('textarea'));
+  }
+
   render() {
     return (
       <div class="container">
@@ -424,6 +429,10 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
     }  
   }
 
+  componentDidMount() {
+    autosize(document.querySelectorAll('textarea'));
+  }
+
   render() {
     return (
       <div>