Adding textarea autosize to content fields on post

This commit is contained in:
Dessalines 2019-03-30 17:38:54 -07:00
parent 6138c6193b
commit 923110c7d4
3 changed files with 15 additions and 0 deletions

View file

@ -16,6 +16,7 @@
"engineStrict": true, "engineStrict": true,
"dependencies": { "dependencies": {
"@types/js-cookie": "^2.2.1", "@types/js-cookie": "^2.2.1",
"autosize": "^4.0.2",
"classcat": "^1.1.3", "classcat": "^1.1.3",
"dotenv": "^6.1.0", "dotenv": "^6.1.0",
"inferno": "^7.0.1", "inferno": "^7.0.1",

View file

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

View file

@ -191,6 +191,11 @@ atob@^2.1.1:
resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9" resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg== integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
autosize@^4.0.2:
version "4.0.2"
resolved "https://registry.yarnpkg.com/autosize/-/autosize-4.0.2.tgz#073cfd07c8bf45da4b9fd153437f5bafbba1e4c9"
integrity sha512-jnSyH2d+qdfPGpWlcuhGiHmqBJ6g3X+8T+iRwFrHPLVcdoGJE/x6Qicm6aDHfTsbgZKxyV8UU/YB2p4cjKDRRA==
aws-sign2@~0.7.0: aws-sign2@~0.7.0:
version "0.7.0" version "0.7.0"
resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8" resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"