r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Issue#591 (#592)

Browse source 
* fixes #555

* fixes #591

* Update README.md

* Update examples.js

* Update examples.js
This commit is contained in:
Himanshu 2018-03-09 03:04:21 +05:30 committed by Cassie Tarakajian
parent ae1e13fd11
commit 41fd31e6a5
1 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
client/components/Nav.jsx
View file

@ -20,6 +20,16 @@ class Nav extends React.PureComponent {
this.handleFocus = this.handleFocus.bind(this);
this.handleBlur = this.handleBlur.bind(this);
this.clearHideTimeout = this.clearHideTimeout.bind(this);
this.handleClick = this.handleClick.bind(this);
this.handleClickOutside = this.handleClickOutside.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown', this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown', this.handleClick, false);
}
setDropdown(dropdown) {
@ -28,6 +38,20 @@ class Nav extends React.PureComponent {
});
}
handleClick(e) {
if (this.node.contains(e.target)) {
return;
}
this.handleClickOutside();
}
handleClickOutside() {
this.setState({
dropdownOpen: 'none'
});
}
toggleDropdown(dropdown) {
if (this.state.dropdownOpen === 'none') {
this.setState({
@ -85,7 +109,7 @@ class Nav extends React.PureComponent {
};
return (
<nav className="nav" role="navigation" title="main-navigation">
<ul className="nav__items-left" title="project-menu">
<ul className="nav__items-left" title="project-menu" ref={(node) => { this.node = node; }}>
<li className="nav__item-logo">
<InlineSVG src={logoUrl} alt="p5.js logo" />
</li>