Open @-mention stays when navigating away

[nickvergessen]

Steps to reproduce

1. Share a file to a group/user
2. Join conversation and start typing @t
3. Navigate to another file/item/sidebar tab

Expected behaviour

Autocomplete should close

Actual behaviour

Autocomplete is stuck on this position on your screen until a page reload happens

[nickvergessen]

cc @danxuliu if you can still have a look

[PVince81]

Still happening in 11.0.0-alpha.3

[PVince81]

seems the popover in that specific case is missing some handler to close when clicking outside.
doesn't matter where I click outside, it never closes.

seems to be a bug in the original library, see how in this demo it also doesn't close when clicking outside: https://fritx.github.io/vue-at/#/en/quickstart

so we'll likely need to write our own "click outside" handler in our "AdvancedInput" component for proper closing

[PVince81]

bug report still open: fritx/vue-at#114
with a potential solution to implement on our side: fritx/vue-at#114 (comment)

[PVince81]

I had a quick local try with only the blur event and while closing works by clicking outside, now clicking on a mention in the dropdown closes it too early. I had to add a setTimeout() before closing of at least 500ms... That might explain why the proposed solution of the author also involves at timer :-/

[PVince81]

PR here #4978 with a timeout handler