Snackbar notification leaves message on page

Bug:

When I invoke Snackbar, the message appears both in a floating box and as text, just above the snackbar.

After the snackbar disappears, the text remains on the page.

What is the expected behavior?

When the snackbar is invoked, the text that appears on the page should not be shown.

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

“angular-cli”: “^1.0.0-beta.24” “hammerjs”: “^2.0.8”, “@angular/core”: “^2.3.1”, “@angular/forms”: “^2.3.1” “@angular/material”: “^2.0.0-beta.1”

Chrome

Is there anything else we should know?

I created a service: `@Injectable() export class NotificationService { private _snackBarConfig: MdSnackBarConfig;

constructor(public snackBar: MdSnackBar) {
    this._snackBarConfig = new MdSnackBarConfig();

    this._snackBarConfig.duration = 10000;
}

public callSnackBar(message: string) {
    this.snackBar.open(message, null, this._snackBarConfig);
}`

Then, when I call it: `this._msgNotification = "The system did not return any " + “tenants. You’re session may have expired. Please login, again.”;

                    this._notifService.callSnackBar(this._msgNotification);`

[largeDachshund]

yes. consider it resolved. there should be some explanation on Snackbar that theming is required.

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