feat(editable-title): move and scroll to the end (apache#15270)

CybercentreCanada · Dec 17, 2021 · 016fc31 · 016fc31
1 parent f71766c
commit 016fc31
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/superset-frontend/src/components/EditableTitle/index.tsx b/superset-frontend/src/components/EditableTitle/index.tsx
@@ -70,6 +70,13 @@ export default function EditableTitle({
   useEffect(() => {
     if (isEditing) {
       contentRef.current.focus();
+      // move cursor and scroll to the end
+      if (contentRef.current.setSelectionRange) {
+        const { length } = contentRef.current.value;
+        contentRef.current.setSelectionRange(length, length);
+        contentRef.current.scrollLeft = contentRef.current.scrollWidth;
+        contentRef.current.scrollTop = contentRef.current.scrollHeight;
+      }
     }
   }, [isEditing]);