diff options
author | Kevin Serrano <kevgagser@gmail.com> | 2017-08-02 01:59:20 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-08-02 01:59:20 +0800 |
commit | 947f13d58c6a6341c42728cb1113b09cb0765de9 (patch) | |
tree | 9ba21e96e2d440aa1def0e95cfdfaaf4b6eea55c /ui/app/components/account-dropdowns.js | |
parent | 651fec5112ee77eed995db80621d2ae6e799e8cf (diff) | |
parent | 4044b58b5a7133caeefd0f3c0a16478387fe7247 (diff) | |
download | tangerine-wallet-browser-947f13d58c6a6341c42728cb1113b09cb0765de9.tar.gz tangerine-wallet-browser-947f13d58c6a6341c42728cb1113b09cb0765de9.tar.zst tangerine-wallet-browser-947f13d58c6a6341c42728cb1113b09cb0765de9.zip |
Merge pull request #1841 from sdtsui/fix/dropdown-toggle
[Part-1] Fix/dropdown toggle
Diffstat (limited to 'ui/app/components/account-dropdowns.js')
-rw-r--r-- | ui/app/components/account-dropdowns.js | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/ui/app/components/account-dropdowns.js b/ui/app/components/account-dropdowns.js index 61f32f713..2813f4752 100644 --- a/ui/app/components/account-dropdowns.js +++ b/ui/app/components/account-dropdowns.js @@ -17,6 +17,8 @@ class AccountDropdowns extends Component { accountSelectorActive: false, optionsMenuActive: false, } + this.accountSelectorToggleClassName = 'fa-angle-down'; + this.optionsMenuToggleClassName = 'fa-ellipsis-h'; } renderAccounts () { @@ -63,7 +65,13 @@ class AccountDropdowns extends Component { maxHeight: '300px', }, isOpen: accountSelectorActive, - onClickOutside: () => { this.setState({ accountSelectorActive: false }) }, + onClickOutside: (event) => { + const { classList } = event.target + const isNotToggleElement = !classList.contains(this.accountSelectorToggleClassName) + if (accountSelectorActive && isNotToggleElement) { + this.setState({ accountSelectorActive: false }) + } + }, }, [ ...this.renderAccounts(), @@ -115,7 +123,13 @@ class AccountDropdowns extends Component { minWidth: '180px', }, isOpen: optionsMenuActive, - onClickOutside: () => { this.setState({ optionsMenuActive: false }) }, + onClickOutside: () => { + const { classList } = event.target + const isNotToggleElement = !classList.contains(this.optionsMenuToggleClassName) + if (optionsMenuActive && isNotToggleElement) { + this.setState({ optionsMenuActive: false }) + } + }, }, [ h( |