AppNavigationSettings automatically close on "click outside"

[nickvergessen]

In Talk we use the app navigation setting to selec tthe attachment folder.
Unluckily clicking anything in the filepicker will close the settings menu.
This feels very weird and we need a way to prevent this.

[skjnldsv]

Yep, hard to manage :/
Anyone have an idea for a fix?

[georgehrke]

Related to #834

[georgehrke]

I see two options here:

1. Either AppNavigationSettings should expose open a property #834 and watch for changes of open, if it changes change it back to keep it open (feels a little hacky)
2. Allow to override the v-click-outside handler (something we do nowhere else)
3. Have auto-close as prop

[georgehrke]

@skjnldsv @nickvergessen Any preference on a solution? :)

[nickvergessen]

Not my level of expertise

[skjnldsv]

• Allow to override the v-click-outside handler (something we do nowhere else)

I would maybe go for something like this.
I faced the same issue recently. v-click-outside allows to register a middleware, which we can fit to have specific exclude rules

My take would be either a class or a data-exclude-click-outside or something. SO we can have a target and define areas that will be excluded. Of course I would let the dev implement the target, but for the example of the modal, we could pass an id to the modal and pass it as a prop to the settings to make sure this si excluded from outside?

[georgehrke]

@skjnldsv Do you mean something like this?
https://github.com/nextcloud/nextcloud-vue/pull/983/files

[skjnldsv]

I don't know, can you give an example of code on the pr? :)