How can I keep a material mat-drawer from closing when the user clicks off it?

Question

Be default the drawer closes when you click off it but I only want it to close when the user click the cancel or save button in the drawer.

   <mat-drawer #drawer mode="over" position="end" class="edit-drawer" disableClose="false" [opened]="false" closedStart="matDrawerClosedStart($event)">
        <app-vendor-edit *ngIf="selectedVendor" [vendor]="selectedVendor" (save)="saveVendor($event)"
            (cancel)="closeDrawer()" (delete)="deleteVendor($event)">
        </app-vendor-edit>
    </mat-drawer>

Isn't the option `disableClose=true` the one that works? – andreivictor Jan 10 '22 at 20:54 — andreivictor, Jan 10 '22 at 20:54
You are right. disableClose=true the one that works – punkouter Jan 10 '22 at 21:31 — punkouter, Jan 10 '22 at 21:31

score 1 · Answer 1 · answered Jan 10 '22 at 21:32

1

You are right. disableClose=true the one that works

answered Jan 10 '22 at 21:32

punkouter

5,170
15
71
116

How can I keep a material mat-drawer from closing when the user clicks off it?

1 Answers1