Sometimes, when confirm dialoga opens, bottom scheet closes

[vytautas-pranskunas-]

Hi,

i have bottom scheet which triggers confirm modal. Sometimes, not sure when, when modal is opened bottom sheet cloeses.
It closes all the time when i add breakpoints to code. If i stop before opening the modal, bottom scheet always closes when modal is shown. I think this is somehow related to botoom scheet always closing on click outside or loose focus...

when i do closable: false it does not close. but then i need to implement sepearate button to close it if i do not want to choose anything... Thats not good

[waterplea]

Can you make a stackblitz with reproduction? Are you on latest version? We recently refactored bottom sheet a bit, I wasn't able to reproduce your issue on current code.

[vytautas-pranskunas-]

I would really appreciat your support on bottom sheet not closing issue.

[waterplea]

It closes fine for me on your repository. Like I said, double check NG_EVENT_PLUGINS

[vytautas-pranskunas-]

this NG_EVENT_PLUGINS i have. It was closing before mobile library update. But it i sno closing in stackblitz:
https://stackblitz.com/edit/angular-r9sdn8?file=src%2Fapp%2Fbottom.component.ts,src%2Fapp%2Fapp.template.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fconfirm-dialog.service.ts,src%2Fapp%2Fbottom.component.html&hideExplorer=1

Please click on top part of tha page where Taiga UI header is displayed!

Screen.Recording.2024-10-24.at.16.50.11.mov

Screen.Recording.2024-10-24.at.16.51.11.mov

[vytautas-pranskunas-]

I was able to dig to the problem but not sure why it does like this. in my setup i have

const providers = importProvidersFrom(
BrowserAnimationsModule,
...other providers
);

export const appConfig: ApplicationConfig = {
provideAnimations(),
providers,
....
}

when i commen BrowserAnimationsModule bottom sheet closes. Hence i cannot reproduce it on stackblitz, but in stackblitz still once clicking on upper area bottom sheet does not close.

have you any idea why BrowserAnimationsModule has an impact?

[waterplea]

Yeah, animations should be provided using provideAnimations() since that function shipped. Module is outdated and when using BrowserAnimationsModule you run into this bug which is hard to trace:
angular/angular#37850

As for StackBlitz, header is outside of tui-root and raised above it with z-index: 1 for some reason. I'll remove that z-index.