Drawer Regression; Flicker when clicking the close button inside the drawer

[lemonCMS]

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.

20260202-1501-42.0806781.mp4

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.

[lemonCMS]

There is this other issue, but i am unable to reproduce it in stackblitz.

We have the drawer setup so that it opens when a secondary route outlet becomes active.

In the drawer we show a menu with primary routes. After clicking the primary route, the drawer closes.

So the opening and closing of the drawer is controled from outside the drawer.

Now comes the issue, sometimes after closing the drawer the <div style="z-index: 2203;" data-p="left open modal" class="p-drawer-mask p-overlay-mask p-overlay-mask-leave-active"></div> element is not removed.

This results in the issue that the user cannot interact with the page.

When the drawer is open:

After the drawer is closed:

I will try to reproduce this in stackblitz

[RGamberini]

Both of these issues are occurring in our own internal application although I am similarly unable to get it reproducible in a stack blitz

[eduardo-kurek]

2026-02-17.14-44-31.mp4

The same problem is happening with me, appearently, the error is an event conflict with the button ripple effect.
When i wait for the ripple animation to end, there is no flick.
But when i click for an instance, before the ripple animation ends, then the flick happens.

In my tests, this happen almost in all times that i did this. But in the video is not visible every time due low frame rate.