mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 01:36:22 +00:00
fix click bug of ModeSelect
This commit is contained in:
@@ -22,7 +22,7 @@ export default class ModeSelect extends React.Component {
|
|||||||
this.blurHandler = e => {
|
this.blurHandler = e => {
|
||||||
let searchElement = ReactDOM.findDOMNode(this.refs.search)
|
let searchElement = ReactDOM.findDOMNode(this.refs.search)
|
||||||
if (this.state.mode === EDIT_MODE && document.activeElement !== searchElement) {
|
if (this.state.mode === EDIT_MODE && document.activeElement !== searchElement) {
|
||||||
this.handleBlur()
|
this.handleBlur(e)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
window.addEventListener('click', this.blurHandler)
|
window.addEventListener('click', this.blurHandler)
|
||||||
@@ -43,6 +43,7 @@ export default class ModeSelect extends React.Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
handleModeOptionClick (modeName) {
|
handleModeOptionClick (modeName) {
|
||||||
|
console.log(modeName)
|
||||||
return e => {
|
return e => {
|
||||||
this.props.onChange(modeName)
|
this.props.onChange(modeName)
|
||||||
this.setState({
|
this.setState({
|
||||||
@@ -110,8 +111,8 @@ export default class ModeSelect extends React.Component {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
handleBlur () {
|
handleBlur (e) {
|
||||||
if (this.state.mode === EDIT_MODE) {
|
if (e.target !== ReactDOM.findDOMNode(this.refs.search)) {
|
||||||
this.setState({
|
this.setState({
|
||||||
mode: IDLE_MODE,
|
mode: IDLE_MODE,
|
||||||
search: '',
|
search: '',
|
||||||
|
|||||||
Reference in New Issue
Block a user