bug(dialog): v21 dialog.open config does not accept a usePopover: false to be passed down to the overlay config

[urielzen]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

v20

Description

A breaking change in v21 with the introduction of popover default to true to the Overlays is preventing us to migrate, since the dialog configuration does not accept a usePopover property.

Reproduction

Steps to reproduce:

1. create a dialog with dialog.open(Component, config)

Expected Behavior

The config passed to the dialog.open functions should accept a usePopover property to override the new true default value to false.

Actual Behavior

The created dialog will have the new popover attribute and added to the top layer in the DOM

Environment

• Angular: 21
• CDK/Material: 21
• Browser(s): chrome
• Operating System (e.g. Windows, macOS, Ubuntu): windows

[crisbeto]

I intentionally didn't add a per-component opt out, because it can cause weird stacking issues. You can opt out your entire app by adding the following to your config:

import {OVERLAY_DEFAULT_CONFIG} from '@angular/cdk/overlay';

{
  provide: OVERLAY_DEFAULT_CONFIG,
  useValue: {usePopover: false}
}