Only focus on reply commentform textareas. Fixes #944

This commit is contained in:
Dessalines 2020-07-11 19:08:54 -04:00
parent c87cacf6b6
commit 8ea0a0d60d
2 changed files with 6 additions and 1 deletions

View file

@ -33,6 +33,7 @@ interface CommentFormProps {
onReplyCancel?(): any; onReplyCancel?(): any;
edit?: boolean; edit?: boolean;
disabled?: boolean; disabled?: boolean;
focus?: boolean;
} }
interface CommentFormState { interface CommentFormState {
@ -122,9 +123,11 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
setTimeout(() => autosize.update(textarea), 10); setTimeout(() => autosize.update(textarea), 10);
} }
if (this.props.focus) {
textarea.focus(); textarea.focus();
} }
} }
}
componentDidUpdate() { componentDidUpdate() {
if (this.state.commentForm.content) { if (this.state.commentForm.content) {

View file

@ -229,6 +229,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
edit edit
onReplyCancel={this.handleReplyCancel} onReplyCancel={this.handleReplyCancel}
disabled={this.props.locked} disabled={this.props.locked}
focus
/> />
)} )}
{!this.state.showEdit && !this.state.collapsed && ( {!this.state.showEdit && !this.state.collapsed && (
@ -697,6 +698,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
node={node} node={node}
onReplyCancel={this.handleReplyCancel} onReplyCancel={this.handleReplyCancel}
disabled={this.props.locked} disabled={this.props.locked}
focus
/> />
)} )}
{node.children && !this.state.collapsed && ( {node.children && !this.state.collapsed && (