Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toast: An unexpected displacement occurs at the end of the animation #5697

Open
dreamerblue opened this issue May 8, 2024 · 0 comments
Open
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@dreamerblue
Copy link

dreamerblue commented May 8, 2024

Describe the bug

After removing an element from container and the animation ended, all other remaining animated elements are slightly transient about 1-2 pixels suddenly. This makes the component look like it has a tiny bug.

Reproducer

https://stackblitz.com/edit/vidpqd?file=src%2FApp.vue

PrimeVue version

3.52.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

macOS 14.4.1, Chrome 124.0.6367.119 arm64

Steps to reproduce the behavior

You can use the Toast Sticky StackBlitz (forked from official docs) to test.

  1. Click "Sticky" button to generate at least 3 toasts.
  2. Click close button of the first toast, then see the remaining toast elements. After the animation ended, all elements below the removed one will move up about 1-2 pixels suddenly.

Expected behavior

No unexpected displacement.

@dreamerblue dreamerblue added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label May 8, 2024
@dreamerblue dreamerblue changed the title Toast: An unexcepted displacement occurs at the end of the animation Toast: An unexpected displacement occurs at the end of the animation May 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

1 participant