@@ -12,8 +12,8 @@ import { useAtomValue } from "jotai";
1212import { forwardRef , memo , useCallback , useEffect , useImperativeHandle , useRef , useState } from "react" ;
1313import { ObjectService } from "../store/services" ;
1414import { makeORef , useWaveObjectValue } from "../store/wos" ;
15- import { TabBarModel } from "./tabbar-model" ;
1615import "./tab.scss" ;
16+ import { TabBarModel } from "./tabbar-model" ;
1717
1818interface TabProps {
1919 id : string ;
@@ -79,21 +79,23 @@ const Tab = memo(
7979 } , [ ] ) ;
8080
8181 const selectEditableText = useCallback ( ( ) => {
82- if ( editableRef . current ) {
83- const range = document . createRange ( ) ;
84- const selection = window . getSelection ( ) ;
85- range . selectNodeContents ( editableRef . current ) ;
86- selection . removeAllRanges ( ) ;
87- selection . addRange ( range ) ;
82+ if ( ! editableRef . current ) {
83+ return ;
8884 }
85+ editableRef . current . focus ( ) ;
86+ const range = document . createRange ( ) ;
87+ const selection = window . getSelection ( ) ;
88+ range . selectNodeContents ( editableRef . current ) ;
89+ selection . removeAllRanges ( ) ;
90+ selection . addRange ( range ) ;
8991 } , [ ] ) ;
9092
9193 const handleRenameTab : React . MouseEventHandler < HTMLDivElement > = ( event ) => {
9294 event ?. stopPropagation ( ) ;
9395 setIsEditable ( true ) ;
9496 editableTimeoutRef . current = setTimeout ( ( ) => {
9597 selectEditableText ( ) ;
96- } , 0 ) ;
98+ } , 50 ) ;
9799 } ;
98100
99101 const handleBlur = ( ) => {
0 commit comments