Skip to content

Toaster root element doesn't receive Vue's scope id #145

@cernymatej

Description

@cernymatej

I noticed that in certain situations, the Toaster's root element <section> doesn't receive the scope id attribute from Vue.
In my projects, it only happens after build, but here I was able to reproduce it in dev mode too: https://stackblitz.com/edit/github-4xyedjly?file=app/components/SonnerWrapper.vue,app/app.vue,nuxt.config.ts

Notice that the <section> doesn't have any scope id:
Image

version 2.0.8

This was not the case in 1.1.3.

Image

working repro: https://stackblitz.com/edit/github-4xyedjly-a5n57pe9?file=app/components/SonnerWrapper.vue,nuxt.config.ts,package.json

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions