Nextcloud VUE app with dialogs while having notifications in nextcloud is broken

Support intro

Sorry to hear you’re facing problems :slightly_frowning_face:

help.nextcloud.com is for home/non-enterprise users. If you’re running a business, paid support can be accessed via portal.nextcloud.com where we can ensure your business keeps running smoothly.

In order to help you as quickly as possible, before clicking Create Topic please provide as much of the below as you can. Feel free to use a pastebin service for logs, otherwise either indent short log examples with four spaces:

example

Or for longer, use three backticks above and below the code snippet:

longer
example
here

Some or all of the below information will be requested if it isn’t supplied; for fastest response please provide as much as you can :heart:

Nextcloud version (eg, 20.0.5): Nextcloud Hub 7 (28.0.2) (same error applies to 26.0.11
Operating system and version (eg, Ubuntu 20.04): Ubuntu 22.04.1 LTS
Apache or nginx version (eg, Apache 2.4.25): Apache/2.4.52
PHP version (eg, 7.4): PHP 8.1.2-1ubuntu2.14 (cli)

The issue you are facing:
Nextcloud does not allow opening popup dialogs when I have unread notifications in nextcloud.
If I read all my notifications, it’s no problem. But if I have a notification, the popups won’t ever show until I click on notifications. This is EXTREMLY irritating, and I don’t know how to fix it.
I have created my APP for nextcloud with dialog popups where the main App.vue is in a <template><div data-app class=“v-application”></div></template>

but it makes no difference. How can I resolve this issue? I have used the template(s) from nextcloud to create my vue apps.

If using vuetify in your app for example, if the dialog is in the root, then “EAGER” attribute solves it… But if you use for example a v-select or things similar then, it won’t work.

Is this the first time you’ve seen this error? (Y/N):
N

Steps to replicate it:

  1. Create a nextcloud app and deploy it to your nextcloud
  2. Make sure you have notification un-read/un-watched/un-opened
  3. Try to open a dialog in your app. (it won’t show until you click on the notification bell)

The output of your Nextcloud log in Admin > Logging:

N/A This has nothing to do with logging, this is strictly javascript/vue error

The output of your config.php file in /path/to/nextcloud (make sure you remove any identifiable information!):

N/A

The output of your Apache/nginx/system log in /var/log/____:

N/A

N/A


Output errors in nextcloud.log in /var/www/ or as admin user in top right menu, filtering for errors. Use a pastebin service if necessary.

N/A

Is there any error/warning logged in the brwoser’s console?

What version of the NPM package @nextcloud/vue are you using?

There is no error in js console… And for example if I click notices (the bell), I will directly see the popup.

If I do not have any notices in nextcloud, the popups work correctly.

There is something like the nextcloud notices swallows my dialogues.

I am using: “@nextcloud/vue”: “^7.12.6”,

Do you by chance have a minimal working example? Is the app published (as source code) yet?

I’d like to test it a bit. For sure, I can create an app from scartch to play with it but it might be faster to use your code.

I can provide source code in a few days.

1 Like