MatDialog - hasBackdrop/disableClose conflict with each other

Bug, feature request, or proposal:

Bug

What is the expected behavior?

MatDialogConfig disableClose should function like the documentation states:

disableClose: boolean | Whether the user can use escape or clicking outside to close a modal.

What is the current behavior?

When configuration the MatDialogConfig to include hasBackdrop: false, you lose the ability to close the modal when a user clicks outside of it. This is to also say that mentioning disableClose in the config does nothing if hasBackdrop is false

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV

https://stackblitz.com/edit/angular-ev6jqa?file=app/dialog-overview-example.ts

What is the use-case or motivation for changing an existing behavior?

Quality

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 5 and 6

Is there anything else we should know?

[marc-wilson]

The workaround is to not use disableBackgrop or disableClose but use backdropClass instead:

.g-transparent-backdrop {
  background: rgba(255, 255, 255, 0.288);
  opacity: 0.2;
}

const dialogRef = this._matDialog.open(MyDialogComponent, {
      backdropClass: 'g-transparent-backdrop',
      data: {
        foo: bar
      }
    });

[angular-automatic-lock-bot[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.}