Fix textarea again.

.gitignore

@@ -24,3 +24,4 @@ npm-debug.log*
 
 yarn-debug.log*
 yarn-error.log*
+/build

src/wireframes/renderer/TextAdorner.scss

@@ -0,0 +1,16 @@
+.text-adorner-textarea {
+    border: 1px solid #d9d9d9;
+    font-size: 14px;
+    font-weight: normal;
+    outline: none;
+    padding: 4px;
+
+    &:active {
+        outline: none;
+    }
+
+    &:focus {
+        box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
+        border-color: #1677ff;
+    }
+}

src/wireframes/renderer/TextAdorner.tsx

@@ -10,8 +10,7 @@ import { Keys, sizeInPx } from '@app/core';
 import { DefaultAppearance } from '@app/wireframes/interface';
 import { Diagram, DiagramItem, DiagramItemSet } from '@app/wireframes/model';
 import { InteractionHandler, InteractionService, SvgEvent } from './interaction-service';
-import { Input } from 'antd';
-import { TextAreaRef } from 'antd/es/input/TextArea';
+import './TextAdorner.scss';
 
 const MIN_WIDTH = 150;
 const MIN_HEIGHT = 30;
@@ -94,8 +93,8 @@ export class TextAdorner extends React.PureComponent<TextAdornerProps> implement
         }
     }
 
-    private doInitialize = (textarea: TextAreaRef) => {
-        this.textareaElement = textarea?.resizableTextArea?.textArea!;
+    private doInitialize = (textarea: HTMLTextAreaElement) => {
+        this.textareaElement = textarea;
     };
 
     private doHide = () => {
@@ -143,7 +142,8 @@ export class TextAdorner extends React.PureComponent<TextAdornerProps> implement
 
     public render() {
         return (
-            <Input.TextArea className='no-border-radius' style={this.style}
+            <textarea className='ant-input ant-input-outlined ant-input-css-var no-border-radius text-adorner-textarea'
+                style={this.style}
                 ref={this.doInitialize}
                 onBlur={this.doHide}
                 onKeyDown={this.doSubmit} />