bug(cdk/overlay): panel 'pointer-events' can not be overridden by panelClass

[jbedard]

Expected Behavior

I'd like to be able to completely disable pointer-events on an overlay. The .cdk-overlay-pane is the only element that doesn't have pointer-events: none, and there is the panelClass feature to add more styling to that so I'd assume that's the way to do it.

Actual Behavior

_togglePointerEvents overrides pointer-events in the style attribute 100% of the time. The .cdk-overlay-pane already sets pointer-events: auto so I think _togglePointerEvents can set pointer-events: none when necessary but otherwise drop the inline one and let the css do whatever it wants?

Environment

• Angular: 11
• CDK/Material: 11

[jbedard]

If we agree this is an issue/valid-request I think the fix would be pretty trivial and I can do it. I think simply changing 'auto' to '' in _togglePointerEvents would fix it?