md-checkbox inside <div md-dialog-content> shows scrollbar

Bug, feature request, or proposal:

Bug, I think.

What is the expected behavior?

When you use a md-checkbox inside a <div md-dialog-content> container, the scrollbar must not be shown.

What is the current behavior?

The scrollbar is beeing shown when you use the following combination (if you do not use div md-dialog-content attribute, it works just fine):

<div md-dialog-content>
      <md-checkbox>This is just a test text</md-checkbox>
</div>

What are the steps to reproduce?

Just open a md-dialog with the above discribed setup.

plunker: https://plnkr.co/edit/788SUTEm6NPkOCccXimQ?p=preview

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

Use the md-checkbox inside md-dialog

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

@angular/cli: 1.0.4 node: 6.10.3 os: win32 x64 @angular/animations: 4.1.3 @angular/cli: 1.0.4 @angular/common: 4.1.3 @angular/compiler: 4.1.3 @angular/compiler-cli: 4.1.3 @angular/core: 4.1.3 @angular/flex-layout: 2.0.0-beta.8 @angular/forms: 4.1.3 @angular/http: 4.1.3 @angular/material: 2.0.0-beta.5 @angular/platform-browser: 4.1.3 @angular/platform-browser-dynamic: 4.1.3 @angular/platform-server: 4.1.3 @angular/router: 4.1.3

Typescript: 2.3.2

Is there anything else we should know?

no

[tinayuangao]

There’s no scrollbar in your plunker example.

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