Popover is hidden on focusout when event='none'
mnoble01 opened this issue · comments
I'm running into an issue where interacting with a dropdown inside a popover causes the popover to be hidden.
The popover is being shown programmatically:
This is what I think is happening:
- The dropdown inside the popover triggers a "focusout" event
- The "focusout" event propagates up to my component element, which is the popover target
- The "focusout" event is picked up by this ember-popover component listener - https://github.com/sir-dunxalot/ember-tooltips/blob/master/addon/components/ember-popover.js#L60-L64
- Because
popperContainer='body'
the mouse is not currently inside the target element and so the popover is hidden
This behavior is unexpected because I specifically set event='none'
.
Thanks for investigating @mnoble01! I'll take a look at fixing this this week.