Focus and blur listener is conflict with 'hover' trigger mode

[vq0599]

Hi,
When using hover mode, If the popper content includes a link <a href="#">click me</a> and reference element is focus, the link can't be clicked because the blur event will close the popper firstly.

This is a example https://jsfiddle.net/aLuroykm/4/

See #48. Why not add a new trigger mode 'focus' ?

Thanks for your awesome plugin.

[RobinCK]

example works fine https://monosnap.com/file/2tQkh3J0yVEC5JSdayeD8pBO6mBpvS

[vq0599]

Sorry, Perhaps I have not expressed myself very well.

1. It's ok.
   

2. The link unable be clicked, because blur event be triggered before click event.
   

[RobinCK]

unfortunately, I don’t have time to edit the component itself, but the problem can be solved somehow https://jsfiddle.net/3qsac2up/3/

[vq0599]

Thanks.
How about adding a new trigger mode 'focus' and removing focus and blur listener on 'hover' mode?
Refer https://ant.design/components/tooltip/
Can I submit a PR?

      switch (this.trigger) {
        case 'click':
          on(this.referenceElm, 'click', this.doToggle);
          on(document, 'click', this.handleDocumentClick);
          break;
        case 'hover':
          on(this.referenceElm, 'mouseover', this.onMouseOver);
          on(this.popper, 'mouseover', this.onMouseOver);
          on(this.referenceElm, 'mouseout', this.onMouseOut);
          on(this.popper, 'mouseout', this.onMouseOut);
          break;
        case 'focus':
          on(this.referenceElm, 'focus', this.onMouseOver);
          on(this.popper, 'focus', this.onMouseOver);
          on(this.referenceElm, 'blur', this.onMouseOut);
          on(this.popper, 'blur', this.onMouseOut);
      }

[RobinCK]

Yes you can do PR

[ouba421]

Click on the popup and close the popover!