Skip to content

toast should not pulse before slide-in finishesΒ #7173

Closed

Description

@LMR-eitea

Environment

Operating system Linux 7.2.8-2-cachyos
Node.js version v26.10.0
nuxt/cli version 3.37.0
Package manager pnpm@11.28.2
Nuxt version 4.5.2
Nitro version 2.13.4
Builder vite@8.3.2
Config icon, modules, typescript
Modules @nuxt/ui@4.11.1, @nuxt/icon@2.5.1

(this is in a headless module; actual testing is in module's playground)

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.11.1

Reproduction

  • open toast
  • immediately open another toast with the same ID

Description

what happens:

  • slide-in animation plays at the same time as pulse animation (in my project)
  • OR: slide-in animation does not play, instead only the pulse animation plays (on the NuxtUI toast demo page)

what should happen:

  • only slide-in animation plays (until it finishes, after which pulse animations can play again)

Additional context

No response

Logs

Activity

  1. added
    triageAwaiting initial review and prioritization
    on Oct 9, 2026
  2. added theissue type on Oct 9, 2026
  3. hey-tia commented on Oct 9, 2026

    @hey-tia

    Thanks for taking the time to report this.

    Would you be able to provide a reproduction? πŸ™ You can start from playground or Nuxt template, and keep it as minimal as possible.

  4. LMR-eitea commented on Oct 12, 2026

    @LMR-eitea
    Author

    oh brother this is trivial to reproduce though. It's literally reproducable on the components page if you click fast enough

    <script setup>
    toaster = useToast()
    function toasttwice() {
      toaster.add({ id: 'a', title: 'test' })
      toaster.add({ id: 'a', title: 'test' })
    }
    </script>
    <template>
      <UButton @click="toasttwice" label="boing"/>
    </template>

    put this component in an empty nuxt template with an UApp in app.vue and it'll do the thing on press. happy?

  5. hey-tia commented on Oct 13, 2026

    @hey-tia

    Thank you @LMR-eitea for the reproduction.

  6. removed
    triageAwaiting initial review and prioritization
    on Oct 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions