Highlight input in window.prompt when it is displayed:

brave · May 5, 2018 · 489b1a5 · 489b1a5
1 parent a2873fa
commit 489b1a5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/app/renderer/components/common/messageBox.js b/app/renderer/components/common/messageBox.js
@@ -46,6 +46,12 @@ class MessageBox extends React.Component {
     document.addEventListener('keydown', this.onKeyDown)
   }
 
+  componentDidMount () {
+    if (this.props.allowInput) {
+      this.inputRef.select()
+    }
+  }
+
   componentWillUnmount () {
     document.removeEventListener('keydown', this.onKeyDown)
   }
@@ -165,6 +171,9 @@ class MessageBox extends React.Component {
             this.props.allowInput && (
               <PromptTextBox
                 value={this.state.textInput}
+                inputRef={ref => {
+                  this.inputRef = ref
+                }}
                 onChange={e => {
                   this.setState({
                     textInput: e.target.value

diff --git a/app/renderer/components/common/textbox.js b/app/renderer/components/common/textbox.js
@@ -26,9 +26,11 @@ class Textbox extends ImmutableComponent {
     )
 
     const props = Object.assign({}, this.props)
+    const ref = this.props.inputRef
     delete props.customClass
+    delete props.inputRef
 
-    return <input type='text' className={className} {...props} />
+    return <input type='text' className={className} {...props} ref={ref} />
   }
 }