Vue-material: [mdSelect] in a modal

[Bolandish]

Hi!

i'm trying to add a md-select in a modal. Every time i try, it appends the select-options to the body, and is behind the modal and it scrolls with the body.

How can i get it to append to the modal instead of the body?

[zapping]

Please check the 'Open Dialog' button in this pen and see if this is what you are looking for

https://codepen.io/zapping/pen/bBPyOz

[Bolandish]

@zapping The problem also appears in the codepen example you mention :)

[Bolandish]

[Samuell1]

I think if you open modal there should by overflow: hidden on body?

[Bolandish]

Yeah, i think it will fix it :)

[Bolandish]

@Samuell1 I dont think it's the right solution , but it works.. 👍

[zapping]

Hmm.. quite strange, because I get mine with all scrollbars and only my select scrolls. The pen view has be resized so that there is scroll all around. Could it be my system? I am on windows and the grab is from chrome. I tried on firefox too and its the same.

@Samuell1 and @pablohpsilva do you guys get it similar to @Bolandish.

[pablohpsilva]

Hello @zapping :D
Yeap, you're right. While using windows (and AFAIK linux too) you can't scroll elements that are not on focus/active, like macOS does. The gif above shows the right behavior :)

@Bolandish gif is super weird! LOL
We'll check it out ASAP.

[Bolandish]

@pablohpsilva thank you 😄
Let me know if you need something from me 😄

[Bolandish]

@pablohpsilva

Maybe it also should close when clicking outside the dropdown? Just an idea 😄

[capttrousers]

This looks the same as #547

[Samuell1]

Closing this issue as our focus is on the new 1.0.0 version.