[Bug Report] Snackbar floats above the app footer even when the footer is absolute and below the viewpoint

[gmichaeljaison]

Environment

Vuetify Version: 2.3.21
Vue Version: 2.6.12
Browsers: Safari 14.0.2
OS: Mac OS 11.0

Steps to reproduce

Run the codepen

Expected Behavior

Snackbar should be at the bottom when the footer is below the viewpoint

Actual Behavior

Snackbar is floating in the middle of the page

Reproduction Link

https://codepen.io/michaeljaison/pen/rNMwabo

[gmichaeljaison]

Screenshot of the snackbar floating in the middle of the page

[paper-me]

I have the same problem. Is there any work around?

[paper-me]

I just add 'pb-0' to Snackbar component...
Maybe it's following the material design specification. But the material.io site can make its snackbar above the app footer!
And they only say "Avoid placing snackbars in front of navigation components.", not the app footer!

[paper-me]

And the vuetify document has betray this guideline.