richthedev/css-resize-polyfill

Resize handler for textarea or any given element. Supports Internet Explorer, Edge, Firefox, Chrome, Safari etc. Demo:

CSS Resize Polyfill

Resize handler for textarea or any given element. Supports Internet Explorer, Edge, Firefox, Chrome, Safari etc.

link to CanIUse

Preview

How to use it

• copy lib/* or npm install --save resize-polyfill
• apply Reverse engineering to demo.html :-)

React integration

It's trivial to integrate with react:

import resizePolyfill from 'resize-polyfill';

class MyComponent {
  render (
    <textarea ref={(el) => {
      if (el) {
        resizePolyfill(el, true);
      }
    }}>
    
    </textarea>
  )
}

Why CSS Resize Polyfill is the best

• There are no many alternatives. I found just Resizable as a part of jQuery UI.
• It's really small (9.15KB uncompressed)