Skip to content

Restrict TextArea resizing to vertical only#616

Closed
arpitjain099 wants to merge 1 commit into
cfpb:mainfrom
arpitjain099:fix/textarea-vertical-resize-315
Closed

Restrict TextArea resizing to vertical only#616
arpitjain099 wants to merge 1 commit into
cfpb:mainfrom
arpitjain099:fix/textarea-vertical-resize-315

Conversation

@arpitjain099

Copy link
Copy Markdown

TextArea currently allows horizontal dragging, which can overflow form layouts on smaller widths.

This sets the textarea resize style to vertical by default while still preserving any other inline styles passed by consumers. I also added a regression test to lock that behavior in.

Tested locally with:

  • npx -y @yarnpkg/cli-dist@4.16.0 eslint src/components/TextInput/text-area.tsx src/components/TextInput/text-area.test.tsx
  • npx -y @yarnpkg/cli-dist@4.16.0 vitest run src/components/TextInput/text-area.test.tsx
  • npx -y @yarnpkg/cli-dist@4.16.0 build

Fixes #315

Signed-off-by: Arpit Jain <arpitjain099@gmail.com>
@flacoman91

Copy link
Copy Markdown
Collaborator

Closing since it'll be taken care of in #617

Thanks again @arpitjain099 !

@flacoman91 flacoman91 closed this Jun 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[TextArea] Restrict resizing to the vertical axis

2 participants