vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Merge pull request #275 from epilgrim/feature/close_dropdown_on_click_outside_the_element 

close dropdown when click event is triggered outside the component
old
Javi Velasco 2016-01-23 15:59:23 +01:00
parent 80b2abe11d 160fb47fb1
commit d7e5aea79a
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/dropdown/Dropdown.jsx
View File

@ -1,4 +1,5 @@
import React from 'react';
import ReactDOM from 'react-dom';
import ClassNames from 'classnames';
import Input from '../input';
import events from '../utils/events';
@ -30,6 +31,24 @@ class Dropdown extends React.Component {
up: false
};
componentWillUpdate (prevState, nextState) {
if (!prevState.active && nextState.active) {
events.addEventsToDocument({click: this.handleDocumentClick});
}
}
componentDidUpdate (prevProps, prevState) {
if (prevState.active && !this.state.active) {
events.removeEventsFromDocument({click: this.handleDocumentClick});
}
}
handleDocumentClick = (event) => {
if (this.state.active && !events.targetIsDescendant(event, ReactDOM.findDOMNode(this))) {
this.setState({active: false});
}
};
handleMouseDown = (event) => {
events.pauseEvent(event);
const client = event.target.getBoundingClientRect();