handleClick() {
    this.one('mouseout', Fn.bind(this, function(){
      this.menu.unlockShowing();
      this.el_.blur();
    }));
    if (this.buttonPressed_){
      this.unpressButton();
    } else {
      this.pressButton();
    }
  }
/**
   * When you click the button it adds focus, which
   * will show the menu indefinitely.
   * So we'll remove focus when the mouse leaves the button.
   * Focus is needed for tab navigation.
   * Allow sub components to stack CSS class names
   *
   * @method handleClick
   */
When you click the button it adds focus, which
will show the menu indefinitely.
So we'll remove focus when the mouse leaves the button.
Focus is needed for tab navigation.
Allow sub components to stack CSS class names

@method handleClick
When you click the button it adds focus which will show the menu indefinitely . So we ' ll remove focus when the mouse leaves the button . Focus is needed for tab navigation . Allow sub components to stack CSS class names @method handleClick
handleClick() {
    this.one('mouseout', Fn.bind(this, function(){
      this.menu.unlockShowing();
      this.el_.blur();
    }));
    if (this.buttonPressed_){
      this.unpressButton();
    } else {
      this.pressButton();
    }
  }
handleClick ( ) { this . one ( 'mouseout' , Fn . bind ( this , function ( ) { this . menu . unlockShowing ( ) ; this . el_ . blur ( ) ; } ) ) ; if ( this . buttonPressed_ ) { this . unpressButton ( ) ; } else { this . pressButton ( ) ; } }
When you click the button it adds focus, which
 will show the menu indefinitely.
When you click the button it adds focus which will show the menu indefinitely .