Can not close sidenav at all when generating sidenav using schematic

[landonwaldner]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Sidenav should toggle by clicking elsewhere.

What is the current behavior?

Sidenav doesnot toggle. Just stuck open.

What are the steps to reproduce?

ng new --style scss --routing
code cip
ng add @angular/material
ng generate @angular/material:material-nav --name nav
Added

to app.component.html

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

Should be able to toggle sidebar by clicking off to close. Should be able to click on the toolbar button to bring it back.

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

"@angular/animations": "^6.0.3",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/material": "^6.2.0",
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"core-js": "^2.5.4",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26",
"@angular/cdk": "^6.2.0"

Is there anything else we should know?

This component was broken before the last merge. Now it works but the sidenav seems to be stuck open.

[amcdnl]

Fixed by #11448

[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.}