diff options
| author | Dan <danjm.com@gmail.com> | 2017-11-11 02:47:02 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-11-11 06:13:29 +0800 |
| commit | a33ced39946c1448b56aef22ab3573b00d1faeca (patch) | |
| tree | 25518aff5483c8076d99dca9b3d53ef742b223ef /ui/app | |
| parent | 5a0126f17b3513fa7fa1513f2c52abff19535ac0 (diff) | |
| download | tangerine-wallet-browser-a33ced39946c1448b56aef22ab3573b00d1faeca.tar tangerine-wallet-browser-a33ced39946c1448b56aef22ab3573b00d1faeca.tar.gz tangerine-wallet-browser-a33ced39946c1448b56aef22ab3573b00d1faeca.tar.bz2 tangerine-wallet-browser-a33ced39946c1448b56aef22ab3573b00d1faeca.tar.lz tangerine-wallet-browser-a33ced39946c1448b56aef22ab3573b00d1faeca.tar.xz tangerine-wallet-browser-a33ced39946c1448b56aef22ab3573b00d1faeca.tar.zst tangerine-wallet-browser-a33ced39946c1448b56aef22ab3573b00d1faeca.zip | |
Focus amount input when click anywhere in amount field container
Diffstat (limited to 'ui/app')
| -rw-r--r-- | ui/app/components/currency-input.js | 2 | ||||
| -rw-r--r-- | ui/app/components/send/currency-display.js | 2 |
2 files changed, 4 insertions, 0 deletions
diff --git a/ui/app/components/currency-input.js b/ui/app/components/currency-input.js index f192ee531..016f14d3e 100644 --- a/ui/app/components/currency-input.js +++ b/ui/app/components/currency-input.js @@ -76,6 +76,7 @@ CurrencyInput.prototype.render = function () { className, placeholder, readOnly, + inputRef, } = this.props const inputSizeMultiplier = readOnly ? 1 : 1.2 @@ -89,5 +90,6 @@ CurrencyInput.prototype.render = function () { size: valueToRender.length * inputSizeMultiplier, readOnly, onChange: e => this.handleChange(e.target.value), + ref: inputRef, }) } diff --git a/ui/app/components/send/currency-display.js b/ui/app/components/send/currency-display.js index 5057c413c..5bf8d6aa0 100644 --- a/ui/app/components/send/currency-display.js +++ b/ui/app/components/send/currency-display.js @@ -82,6 +82,7 @@ CurrencyDisplay.prototype.render = function () { style: { borderColor: inError ? 'red' : null, }, + onClick: () => this.currencyInput.focus(), }, [ h('div.currency-display__primary-row', [ @@ -96,6 +97,7 @@ CurrencyDisplay.prototype.render = function () { onInputChange: newValue => { handleChange(this.getAmount(newValue)) }, + inputRef: input => { this.currencyInput = input; }, }), h('span.currency-display__currency-symbol', primaryCurrency), |