bug(MatBottomSheet): Async state changes not detected and rendered

[vyrotek]

Please reevaluate and reopen this issue:

#11627

Confirmed to still be an issue with Ang/Material 11.

Expected Behavior

When the component state within a sheet is updated from an async subscription (ex. HttpClient call) it should render the changes.

Actual Behavior

Changes are not detected and the UI is not updated.

Manual markForCheck or detectChanges is required to update the UI.

Environment

• Angular: 11
• CDK/Material: 11
• Browser(s): Chrome/Edge
• Operating System (e.g. Windows, macOS, Ubuntu): Windows

[vyrotek]

Is this possibly the source of the issue?

Other components such as Dialog use the Default Strategy whereas BottomSheet has disabled it using OnPush.

components/src/material/bottom-sheet/bottom-sheet-container.ts

Line 48 in 70e9eb9

changeDetection: ChangeDetectionStrategy.OnPush,

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}