vue-toastification icon indicating copy to clipboard operation
vue-toastification copied to clipboard

Vue Toastification integration with Vuetify fails

Open Daniele-Tentoni opened this issue 1 year ago • 1 comments

Versions

  • 2.0

Describe the bug

When using any Vuetify component inside the toast component, the app crashes because Vuetify couldn't find his default instance.

Expected behavior

Instead of breaking the page, I expect that my toast component shows the Vuetify component.

Steps to reproduce

Reproduction here. Steps:

  1. Install Vuetify and Vue Toastification
  2. Set the toast container to container: () => document.getElementById("app")!,
  3. Create a component with any Vuetify component (I used a v-btn)
  4. Execute the application and try to open the toast

Your Environment

  • Device: [e.g. PC]
  • OS: [e.g. Windows 11]
  • Browser [e.g. chrome]
  • Version [e.g. 22] latest

Additional context

You can find the Stackoverflow question here and the updated reproduction Github repo here.

EDIT 1: This sandbox reproduce the error https://codesandbox.io/s/summer-haze-snfsf5

Daniele-Tentoni avatar Jun 13 '23 11:06 Daniele-Tentoni

Still broken

philipbeaucamp avatar May 10 '24 05:05 philipbeaucamp