fix: can not input composition characters in safari when autoresize is enabled

Author: zhang ping

src/ResizableTextArea.tsx

@@ -70,10 +70,10 @@ class ResizableTextArea extends React.Component<TextAreaProps, TextAreaState> {
 
   resizeOnNextFrame = () => {
     cancelAnimationFrame(this.nextFrameActionId);
-    this.nextFrameActionId = requestAnimationFrame(this.resizeTextarea);
+    this.nextFrameActionId = requestAnimationFrame(() => this.resizeTextarea());
   };
 
-  resizeTextarea = () => {
+  resizeTextarea = (silent?: boolean) => {
     const { autoSize } = this.props;
     if (!autoSize || !this.textArea) {
       return;
@@ -85,6 +85,12 @@ class ResizableTextArea extends React.Component<TextAreaProps, TextAreaState> {
       minRows,
       maxRows,
     );
+    if (silent) {
+      this.setState({
+        textareaStyles,
+      });
+      return;
+    }
     this.setState(
       { textareaStyles, resizeStatus: RESIZE_STATUS.RESIZING },
       () => {

src/index.tsx

@@ -62,7 +62,7 @@ class TextArea extends React.Component<TextAreaProps, TextAreaState> {
   handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     const { onChange } = this.props;
     this.setValue(e.target.value, () => {
-      this.resizableTextArea.resizeTextarea();
+      this.resizableTextArea.resizeTextarea(true);
     });
     if (onChange) {
       onChange(e);