From 489b1a55ce459dc1eca8ee5094fe3e970d9c4498 Mon Sep 17 00:00:00 2001 From: Alex Robinson Date: Sat, 5 May 2018 14:26:46 +1000 Subject: [PATCH] Highlight input in window.prompt when it is displayed: --- app/renderer/components/common/messageBox.js | 9 +++++++++ app/renderer/components/common/textbox.js | 4 +++- 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/app/renderer/components/common/messageBox.js b/app/renderer/components/common/messageBox.js index e0e01d14a7f..7f234cb1bce 100644 --- 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 && ( { + 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 index 34b46e57842..d9c6d8fc5a0 100644 --- 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 + return } }