Toast always opens at view port height

[ericellb]

When using mdToast, it will always open at the view port height no matter the vertical size of the application.

This first snapshot is when the page is scrolled all the way up. We can see the toast appear at the bottom of the view.

This second snapshot is when the page is scrolled slightly lower. We can see the toast appearing at the exact same coordinates as it did before. It is no longer showing up at the bottom of the current view.
P.S. The button is fixed in case it is confusing.

It seems like the toast position is being calculated by the height of the viewport and not the height of the browser.

[ericellb]

I forgot to mention it when creating the bug report, however the width of the toast is also 100% of the view port when browsing in full screen at 1920x1080.

[gkalpak]

Seems like toasts are absolutely positioned, but they should be fixed instead.

[ericellb]

Yes, line 4 in src>components>toast>_toast.scss should be position:fixed;

[epelc]

It would also be nice if we could set the container for toasts like dialogs. Since they overlap any toolbars if you show them on the top.

[ilanbiala]

Any progress on this?

[epelc]

@ilanbiala I just found out $mdToast has a parent attribute like $mdDialog.

I've opened #1067 to add some docs

[rschmukler]

#1106 covers the non #1067 use case of this. Closing as a duplicate.