From 859a95d1d165ca8cafd0a51b4707191e5b80a6df Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga <pveiga@wisemapping.com>
Date: Wed, 4 Jan 2023 23:07:58 -0800
Subject: [PATCH] Fix select of text.

---
 .../components/action-widget/pane/topic-link/index.tsx   | 5 +++--
 packages/mindplot/src/components/MultilineTextEditor.ts  | 9 ++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/editor/src/components/action-widget/pane/topic-link/index.tsx b/packages/editor/src/components/action-widget/pane/topic-link/index.tsx
index d529523a..dd75524d 100644
--- a/packages/editor/src/components/action-widget/pane/topic-link/index.tsx
+++ b/packages/editor/src/components/action-widget/pane/topic-link/index.tsx
@@ -77,18 +77,19 @@ const TopicLink = (props: {
         onChange={(event) => setUrl(event.target.value)}
         variant="outlined"
         size="small"
+        type="url"
         onKeyDown={keyDownHandler}
         InputProps={{
           endAdornment: (
             <Link href={isValidUrl ? url : ''} target="_blank">
               <IconButton disabled={!isValidUrl}>
-                <OpenInNewOutlinedIcon></OpenInNewOutlinedIcon>
+                <OpenInNewOutlinedIcon />
               </IconButton>
             </Link>
           ),
         }}
         margin="dense"
-      ></Input>
+      />
       <br />
       <SaveAndDelete
         model={props.urlModel}
diff --git a/packages/mindplot/src/components/MultilineTextEditor.ts b/packages/mindplot/src/components/MultilineTextEditor.ts
index 6c21a9de..6a97e41e 100644
--- a/packages/mindplot/src/components/MultilineTextEditor.ts
+++ b/packages/mindplot/src/components/MultilineTextEditor.ts
@@ -21,6 +21,8 @@ import $ from 'jquery';
 
 import ActionDispatcher from './ActionDispatcher';
 import Events from './Events';
+import { FontStyleType } from './FontStyleType';
+import { FontWeightType } from './FontWeightType';
 import Topic from './Topic';
 
 class EditorComponent extends Events {
@@ -77,7 +79,7 @@ class EditorComponent extends Events {
             }
             textareaElem.val(`${head}\n${tail}`);
 
-            textareaElem.focus();
+            textareaElem.trigger('focus');
             textareaElem[0].setSelectionRange(cursorPosition + 1, cursorPosition + 1);
           } else {
             this.close(true);
@@ -186,8 +188,8 @@ class EditorComponent extends Events {
 
   private setStyle(fontStyle: {
     fontFamily: string;
-    style: string;
-    weight: string;
+    style: FontStyleType;
+    weight: FontWeightType;
     size: number;
     color: string;
   }) {
@@ -234,6 +236,7 @@ class EditorComponent extends Events {
   private positionCursor(textareaElem: JQuery<HTMLTextAreaElement>, selectText: boolean) {
     const { length } = this.getTextAreaText();
     const start = selectText ? 0 : length;
+    textareaElem.trigger('focus');
     textareaElem[0].setSelectionRange(start, length);
   }