sidenav open triggers page scroll to bottom unexpectly

[vuel]

See: https://codepen.io/wenris/pen/QpjPQE

This problem is caused by this code

this.$el.focus()

in src/mdSlidenav/mdSlidenav.vue line 45.

Simple remove that line and the following line this.$el.blur() will fix it, I don't know if I'm right?

[stramec]

Hi @vuel - there was a similar discussion on the angular repo a while back around the point of $el.focus(), the workaround was pining the position of the sidenav to fixed.
angular/material#1891

I just dropped

.md-sidenav {
  position: fixed  !important;
}

into my sidenav component <style> block and all was good again.

[vuel]

Hi @stramec
Thank you for your reply, but adding the css doesn't work for me, now I cannot open the sidenav when clicking the menu button.
Help me: https://codepen.io/anon/pen/MpeoPL

[stramec]

@vuel - just add md-fixed as a class to the md-sidenav component.
http://codepen.io/stramec/pen/vxKRYE

<md-sidenav class="md-left md-fixed" ref="sidenav">

I haven't looked why this is required, but it works.

[dennishu001]

Adding md-fixed does make the sidenav work again, however it doesn't solve the program of scrolling to bottom.

Update: putting sidenav at the top of the page above main contents seems to fix the problem.