Inline commenting - Change new comment input option to use Textareacontrol

[hbhalodia]

Partof - #66377

What?

• PR changes from Textcontrol to Textareacontrol to add the new comments.

Why?

• Inline comments can be long so needs better UX to add the comments.

How?

• PR updates to use Textareacontrol.

Testing Instructions

1. Enable experimental inline commenting option.
2. Go to any post/page.
3. Add any block, check to add the inline comment.
4. You would see the text area input to add the comment.

Testing Instructions for Keyboard

• Nil

Screenshots or screencast

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: hbhalodia <hbhalodia@git.wordpress.org>
Co-authored-by: ellatrix <ellatrix@git.wordpress.org>
Co-authored-by: Mamaduka <mamaduka@git.wordpress.org>
Co-authored-by: akasunil <sunil25393@git.wordpress.org>
Co-authored-by: adamsilverstein <adamsilverstein@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[ellatrix]

Could you make it expand to the contents? I believe there's a component for it somewhere that we use.

[Mamaduka]

I think that would be TextareaAutosize.

[hbhalodia]

Could you make it expand to the contents? I believe there's a component for it somewhere that we use.

I think we need to use something like this, https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md but not sure, I tried this, but looks like we need more styling to add make it look like a component, but I guess this is what need here.

[akasunil]

I think we need to use something like this, https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md but not sure, I tried this, but looks like we need more styling to add make it look like a component, but I guess this is what need here.

You're right. PlainText would be ideal in this situation, since TextareaAutosize is used internally in that component. What worries me, though, is that it has never been used outside of the block library, that why it has no styles also.

[ellatrix]

Yes, we shouldn't use PlainText, it's meant for blocks. Let's stick with a textarea that autoresizes for now :)

[hbhalodia]

Yes, we shouldn't use PlainText, it's meant for blocks. Let's stick with a textarea that autoresizes for now :)

Yes, thanks @ellatrix, for the confirmation.

[adamsilverstein]

This was already changed in 930dfa5

I think that would be TextareaAutosize.

That still remains I believe

[adamsilverstein]

This was already changed in 930dfa5

I think that would be TextareaAutosize.

That still remains I believe

@Mamaduka - I tried this in #71424.

I had to remove some props that were throwing errors and realize we need to add some sort of default height to the element. Is there a specific class appropriate for that here?

[Mamaduka]

This was resolved via #71424.