Monday, 3 May 2021

How to scroll the underlying MatDialog when MatSelect is open?

When opening a MatSelect in a regular page, it is possible to customize the scroll behavior through the MAT_SELECT_SCROLL_STRATEGY injection token and use the NoopScrollStrategy in order to scroll the underlying page while keeping the MatSelect in place.

However, when the MatSelect is being opened from a MatDialog, the MAT_SELECT_SCROLL_STRATEGY has no effect at all and I can't scroll the underlying MatDialog.

I've created a Stackblitz to demonstrate the problem.

One workaround is to set a backDropClass with pointer-events: none but it also disables the close behavior when I click it, which I want to keep. I'd also like to avoid hacks based on z-index if possible.



from How to scroll the underlying MatDialog when MatSelect is open?

No comments:

Post a Comment