Select all on input focus in bookmarks

Former-commit-id: 99d8f87 [formerly 99d8f87 [formerly 7bdb141]] Former-commit-id: 7fda8a1d41241c4aa5344805116f2985876fe278 Former-commit-id: 6a3db89
wexond · Jul 25, 2018 · 022dd57 · 022dd57
1 parent b89f8bf
commit 022dd57
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/menu/bookmarks/components/Item/index.tsx b/src/menu/bookmarks/components/Item/index.tsx
@@ -124,7 +124,9 @@ export default class Item extends React.Component<IProps, IState> {
     }
   };
 
-  public onEditClick = (e: React.MouseEvent<HTMLDivElement>) => {};
+  public onInputFocus = (e: React.FocusEvent<HTMLInputElement>) => {
+    e.currentTarget.select();
+  };
 
   public render() {
     const { data } = this.props;
@@ -155,6 +157,7 @@ export default class Item extends React.Component<IProps, IState> {
           innerRef={r => (this.input = r)}
           visible={inputVisible}
           onClick={this.onInputMouseEvent}
+          onFocus={this.onInputFocus}
           onMouseDown={this.onInputMouseEvent}
           onKeyPress={this.onInputKeyPress}
           placeholder="Name"