ClickOutside should only toggle action when open

client/coral-embed-stream/src/components/Toggleable.js

@@ -19,8 +19,10 @@ export default class Toggleable extends React.Component {
   }
 
   close = () => {
+    if (this.state.isOpen) {
       this.setState({isOpen: false});
     }
+  }
 
   render() {
     const {children, className, ...rest} = this.props;

client/talk-plugin-flags/components/FlagButton.js

@@ -133,8 +133,10 @@ export default class FlagButton extends Component {
   }
 
   handleClickOutside = () => {
+    if (this.state.showMenu) {
       this.closeMenu();
     }
+  }
 
   render () {
     const {getPopupMenu, flaggedByCurrentUser} = this.props;

plugins/talk-plugin-permalink/client/components/PermalinkButton.js

@@ -28,10 +28,12 @@ export default class PermalinkButton extends React.Component {
   }
 
   handleClickOutside = () => {
+    if (this.state.popoverOpen) {
       this.setState({
         popoverOpen: false
       });
     }
+  }
 
   copyPermalink = () => {
     this.permalinkInput.select();