Event is fired on the same click that triggers the render of the component that uses the directive. about click-outside HOT 2 OPEN

medthodShow () {
      this.isPreventingClickOutsideProcess = true
      this.isShowing = true
      setTimeout(() => {
        this.isPreventingClickOutsideProcess = false
      }, 100)
}

methodHide () {
     if (!this.isPreventingClickOutsideProcess) {
          this.isShowing = false
     }
}