before-close doesn't pass event on modals. about vue-tailwind HOT 5 CLOSED

MM not sure if that it's possible in that way but definitely a desired feature that Ill add to my to-do list

IN the meantime maybe you can add an observer to the show value to prevent to change (not tested)

watch: {
 show(show) {
  if (!show && *wantToPrevent*) {
    this.show = true
  }
}
}

from vue-tailwind.

Using a watcher doesn't worked, but i've made to get it work adding a logic to the before-close event handler that reopens the modal in a way the user doesn't notice.

It still isn't the best solution because the modal's DOM element gets removed and then created again in the next window frame. In my case i have a switch and a spinning animation on the submit button, and both of them gets reseted, which is not desired.

Anyway, this is the logic i'm using, i hope it to be helpful for somebody. ^_^

    beforeClose () {
      if(!wantToPrevent) return

      const scrollTopBefore = this.$refs.modal.$el.scrollTop

      this.$nextTick(() => {
        this.show = true

        this.$nextTick(() => {
          this.$refs.modal.$el.scrollTo(0, scrollTopBefore)
        })
      })
    }

from vue-tailwind.

Encountered the same problem as @maverick504, need to perform some checking before actually closing the modal. This functionality is already described in the docs: https://vue-tailwind.com/components/modal.html#events but it doesn't seem to be working in ^0.4.6

from vue-tailwind.

This should be fixed in this pr https://github.com/alfonsobries/vue-tailwind/pull/57/files that ill release tonight

from vue-tailwind.

upgrade to v1.1.5 that should solve the problem

from vue-tailwind.