Describe the bug

export const appConfig: ApplicationConfig = {
  providers: [
    provideHttpClient(withFetch()),
    providePrimeNG({
      theme: { preset: Aura, options: { darkModeSelector: '.p-dark' } },
      ripple: true,
    }),
  ],
};

When the application is setup with the ripple: true option, then after opening the drawer and then clicking on the close drawer button inside the drawer, then sometimes (but most times) then right before the animation ends you see the drawer again.

Showing a flicker of the drawer.

Edit:

The problem also accours when using the motionOptions [motionOptions]="{duration: 600}"

I don't know if this is supposed to work.

Edit 2
Enabling ripple AND setting [motionOptions]="{duration: 300}" on the drawer, seems too mediate the issue.

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/nl1vmyba?file=src%2Fapp%2Fdrawer-basic-demo.ts

Environment

Windows, but also on stackblitz it is reproduceable.

Angular version

21.1.2

PrimeNG version

v21

Node version

24.2.0

Browser(s)

Chrome

Steps to reproduce the behavior

1. Click on open the drawer button
2. Click on the close icon
3. Repeat this process untill you see the issue.

Expected behavior

To not see the drawer flicker after closing it.