Skip to content

Block Comments: use TextareaAutosize for comment field #71424

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Mamaduka merged 6 commits into from
Sep 11, 2025
Merged

Block Comments: use TextareaAutosize for comment field #71424

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
3ffc0c3
Change to text area control to add the new comments
hbhalodia Oct 24, 2024
e14a732
try autosize text area
adamsilverstein Aug 30, 2025
835ed39
Address feedback
adamsilverstein Sep 7, 2025
0d7970b
Remove unused label prop
adamsilverstein Sep 7, 2025
5bb971b
try label before input
adamsilverstein Sep 11, 2025
1e104c5
Change to text area control to add the new comments
hbhalodia Oct 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
try autosize text area
  • Loading branch information
@adamsilverstein
adamsilverstein committed Sep 11, 2025
commit e14a73239b2a30d75072263e88865d6a4aec1e91
20 changes: 10 additions & 10 deletions packages/editor/src/components/collab-sidebar/comment-form.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
/**
* External dependencies
*/
import TextareaAutosize from 'react-autosize-textarea';

/**
* WordPress dependencies
*/
import { useState } from '@wordpress/element';
import {
__experimentalHStack as HStack,
Button,
TextareaControl,
} from '@wordpress/components';
import { __experimentalHStack as HStack, Button } from '@wordpress/components';
import { _x, __ } from '@wordpress/i18n';

/**
Expand All @@ -31,13 +32,12 @@ function CommentForm( { onSubmit, onCancel, thread, submitButtonText } ) {

return (
<>
<TextareaControl
__next40pxDefaultSize
__nextHasNoMarginBottom
<TextareaAutosize
value={ inputComment ?? '' }
onChange={ setInputComment }
onChange={ ( comment ) =>
setInputComment( comment.target.value )
}
label={ __( 'Comment' ) }
Comment thread
adamsilverstein marked this conversation as resolved.
Outdated
hideLabelFromVision
/>
<HStack alignment="left" spacing="3" justify="flex-start">
<Button
Expand Down