layout__drawer bug with sticky footer

If we want to use a sticky footer applying this
body{
display: flex;
min-height: 100vh;
flex-direction: column;
}

main{
flex: 1 0 auto;
}

the drawer and obfuscator shows the content below because this rule
.mdl-layout__drawer.is-visible~.mdl-layout__content.mdl-layout__content{overflow:hidden}
its not sufficient, its necesary to add the property overflow:hidden to all .mdl-layout{overflow:hidden}