I’m trying to use the
ux-dialog-open class added to body to apply a blur filter to the main app while a dialog is open. I also apply a background colour tint to
ux-dialog-overlay to make it darker.
The issue I’m having is the overlays are removed around 1 second before
ux-dialog-open is removed from the body. This means that for that 1 second you see the blur but not the tint from the overlay.
Can anybody see a way to avoid this? I’ve tried making the background darker using solely the the filter but can’t get the desired effect.