npmpackage.info

Gathering detailed insights and metrics for react-textarea-autosize

Other packages similar to react-textarea-autosize

@types/react-textarea-autosize

8.0.0

Stub TypeScript definitions entry for react-textarea-autosize, which provides its own types definitions

react-autosize-textarea

7.1.0

replacement for built-in textarea which auto resizes itself

rich-textarea

0.26.4

A small customizable textarea for React to colorize, highlight, decorate texts, offer autocomplete and much more.

@twilio-paste/react-textarea-autosize-library

4.0.1

textarea component for React which grows with content

Gathering detailed insights and metrics for react-textarea-autosize

react-textarea-autosize - 8.5.9 | npmpackage.info

react-textarea-autosize

<textarea /> component for React which grows with content

8.5.9

2,316

MIT

TypeScript

1.64 kB

867,826,624 3.6

Installations

npm install react-textarea-autosize

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM, UMD

Min. Node Version

>=10

Node Version

16.20.2

NPM Version

8.19.4 Score

97.8

Supply Chain

96.3

Quality

87.1

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

10

Total

174

Closed

49

Merged

115

Issues

Open

55

Total

244

Closed

189

Releases

v8.5.9

Updated on Mar 30, 2025

v8.5.8

Updated on Mar 13, 2025

v8.5.7

Updated on Jan 10, 2025

v8.5.6

Updated on Dec 09, 2024

v8.5.5

Updated on Nov 13, 2024

v8.5.4

Updated on Oct 10, 2024

View All 48 releases

Languages

TypeScript

JavaScript

HTML

TypeScript (88.03%)

JavaScript (8.23%)

HTML (3.75%)

Developer

Andarist

Download Statistics

Total Downloads

867,826,624

Last Day

541,460

Last Week

2,950,538

Last Month

12,877,937

Last Year

137,512,723

GitHub Statistics

MIT License

2,316 Stars

468 Commits

252 Forks

16 Watchers

3 Branches

60 Contributors

Updated on Apr 28, 2025

Bundle Size

3.71 kB

Minified

1.64 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 60 Contributors

Package Meta Information

Latest Version

8.5.9

Package Id

react-textarea-autosize@8.5.9

Unpacked Size

86.44 kB

Size

8.21 kB

File Count

NPM Version

8.19.4

Node Version

16.20.2

Published on

Mar 30, 2025

Total Downloads

Cumulative downloads

Total Downloads

867,826,624

Last Day

-5.7%

541,460

Compared to previous day

Last Week

-9%

2,950,538

Compared to previous week

Last Month

12,877,937

Compared to previous month

Last Year

3.8%

137,512,723

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

react-textarea-autosize

Drop-in replacement for the textarea component which automatically resizes textarea as content changes. A native React version of the popular jQuery Autosize! Weighs around 1.3KB (minified & gzipped).

This module supports IE9 and above.

1import TextareaAutosize from 'react-textarea-autosize';
2
3// If you use CommonJS syntax:
4// var TextareaAutosize = require('react-textarea-autosize').default;
5
6React.renderComponent(
7  <div>
8    <TextareaAutosize />
9  </div>,
10  document.getElementById('element'),
11);

Install

npm install react-textarea-autosize

Demo

https://andarist.github.io/react-textarea-autosize/

Props

Special props:

prop	type	description
`maxRows`	`number`	Maximum number of rows up to which the textarea can grow
`minRows`	`number`	Minimum number of rows to show for textarea
`onHeightChange`	`func`	Function invoked on textarea height change, with height as first argument. The second function argument is an object containing additional information that might be useful for custom behaviors. Current options include `{ rowHeight: number }`.
`cacheMeasurements`	`boolean`	Reuse previously computed measurements when computing height of textarea. Default: `false`

Apart from these, the component accepts all props that are accepted by <textarea/>, like style, onChange, value, etc.

FAQ

How to focus

Get a ref to inner textarea:

1<TextareaAutosize ref={(tag) => (this.textarea = tag)} />

And then call a focus on that ref:

1this.textarea.focus();

To autofocus:

1<TextareaAutosize autoFocus />

(all HTML attributes are passed to inner textarea)

How to test it with jest and react-test-renderer if you need ref

Because jest provides polyfills for DOM objects by requiring jsdom and react-test-renderer doesn't provide refs for rendered components out of the box (calling ref callbacks with null), you need to supply a mocked ref in your tests in you need it for your tests. You can do it like this (more can be read here):

1const tree = renderer
2  .create(<TextareaAutosize />, {
3    createNodeMock: () => document.createElement('textarea'),
4  })
5  .toJSON();

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

5

Maintained

Determines if the project is "actively maintained".

4

Security-Policy

Determines if the project has published a security policy.

4

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

41 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-hpx4-r86g-5jrg
Warn: Project is vulnerable to: GHSA-prr3-c3m5-p7q2
Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-79jw-6wg7-r9g4
Warn: Project is vulnerable to: GHSA-r5cq-9537-9rpf
Warn: Project is vulnerable to: GHSA-84p7-fh9c-6g8h
Warn: Project is vulnerable to: GHSA-w7rc-rwvf-8q5r
Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6
Warn: Project is vulnerable to: GHSA-x574-m823-4x7w
Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8
Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x
Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4
Warn: Project is vulnerable to: GHSA-859w-5945-r5v3
Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-m95q-7qp3-xv42

Score

3.6

/10

Last Scanned on 2025-05-05

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-textarea-autosize

Other packages similar to react-textarea-autosize

react-textarea-autosize

Installations

Developer Guide

Yes

CommonJS, ESM, UMD

>=10

16.20.2

8.19.4

Score

Pull Requests

10

174

49

115

Issues

55

244

189

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

3.71 kB

1.64 kB

Maintainers

Package Meta Information

Total Downloads

867,826,624

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-textarea-autosize

Install

Demo

Props

Special props:

FAQ

How to focus

How to test it with jest and react-test-renderer if you need ref

10

10

10

5

4

4

0

0

0

0

0

0

0

3.6

/10