Breaking News: Grepper is joining You.com. Read the official announcement!

auto line break in textarea with max rows

Lucas Bueno answered on August 1, 2022 Popularity 1/10 Helpfulness 1/10

answer auto line break in textarea with max rows

auto line break in textarea with max rows

Comment

import React, { Component } from 'react';
import autosize from 'autosize';

class App extends Component {
    componentDidMount(){
       this.textarea.focus();
       autosize(this.textarea);
    }
    render(){
      const style = {
                maxHeight:'75px',
                minHeight:'38px',
                  resize:'none',
                  padding:'9px',
                  boxSizing:'border-box',
                  fontSize:'15px'};
        return (
          <div>Textarea autosize <br/><br/>
            <textarea
            style={style} 
            ref={c=>this.textarea=c}
            placeholder="type some text"
            rows={1} defaultValue=""/>
          </div>
        );
    }
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: auto break line max rows textarea whatever

Link to this answer
Share Copy Link