vuematerial/vue-material

Let Dialog get hidden [Feature Request]

hubitor opened this issue · 2 comments

On a page I'm working on, there is a button which opens up a Dialog (md-dialog) and contains a Progress Bar (md-progress-bar) with a stopwatch. The page, the Dialog and the Progress Bar reside in separate Vue components. As long as the Dialog is open the stopwatch runs fine. Now, I would like to show the time on the page, but when I click in the area outside of the Dialog, the Dialog closes and the time stops updating. The reason appears to be that, the Dialog is removed from the DOM and as I have seen there is no option to simply hide it in a v-show fashion. As I see here:
vue-material/src/components/MdDialog/MdDialog.vue

"md-dialog" is implemented with a v-if directive:

<div class="md-dialog" v-if="mdActive">

I would like to ask for a feature request for making the Dialog able to get hidden and not completely removed. Maybe there is something I'm missing, so I'm also open to any suggestions.

@marqbeniamin Working on an implementation for this issue and submitting for review shortly!

Feature, in review, thanks @franciscoemanuel