Bug, feature request, or proposal:

BUG

What is the expected behavior?

to display a snackbar at the bottom of the browser

What is the current behavior?

it display a transparent div container with a slim shadow without displaying the snackbar

What are the steps to reproduce?

Add this code in your component created with Angular version 4.0.0-rc1 and @angular/cli version 1.0.0-rc.0 and @angular/material version 2.0.0-beta.2 :

import {MdSnackBar} from '@angular/material';
....
constructor(...public snackBar: MdSnackBar) {}
....
this.snackBar.open('Test','Ok', {duration:3000});

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

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

Angular version 4.0.0-rc1 and @angular/cli version 1.0.0-rc.0 and @angular/material version 2.0.0-beta.2 . Tested on Chrome and Firefox and Edge latest versions.

Is there anything else we should know?