quasar: Modal cannot be closed

Fixed in future v0.15 already. Closing this. Please be patient. Sorry for the inconvenience.

Just ran into this myself, found the same workaround except it was the active property that needed deferred changing. Not sure if it’s related however I saw this issue when emitting an event from within a custom component contained within the q-modal, the listener hook in the parent is doing the dialog toggling. Here is my workaround in the parent emit listener (just different prop than above)

this.$nextTick(() => {
    this.$refs.theModal.active = false;
    this.$refs.theModal.toggleInProgress = false; 
});

I can reproduce something similar in production(Quasar: 0.14.4). Here is my work to fix this.

// in main.js
import { Platform } from 'quasar'
Platform.has.popstate = false

@igorgo Same issue here

Interesting that, for me at least, refreshing the page (on Chrome, haven’t tested ff) does not help. In other words, for me in the dev environment the following steps could be added:

1. Refresh the page (after refresh the forward nav button will immediately be available)
2. Open the modal
3. The modal cannot be closed.
4. Close the tab running the application
5. Open a new tab with the same url
6. Open the modal
7. The modal can be closed as expected

I would also note that clicking the mysterious forward nav button after closing the modal has the same effect as refreshing the page (i.e. subsequent modals can’t be closed).

It seems I’ve managed to reproduce bug in browser (chrome & ff).

1. While on the page (the forward nav button of the browser is disabled - the last in the history) open a maximized modal.
2. Close modal (with button on modal). After that the forward nav button becomes available.
3. Press forward nav button - nothing happens.
4. Open modal again.

After that modal becomes not closable.