Vue-material: [md-select] Select is behind dialog

Created on 16 Nov 2017  路  8Comments  路  Source: vuematerial/vue-material

Version: Beta 1.0.4/1.0.3

bildschirmfoto vom 2017-11-16 20-01-40

This seems to fix it:

.md-menu-content {
  z-index: 10;
}
bug

All 8 comments

I will fix this ASAP!

I'm experiencing this on Beta 5.
The bare minimun z-index for me is 110. But I managed to get it working only by adding it using Developers Tool.

Using

<style lang="scss" scoped>
  .md-menu-content {
    z-index: 110;
  }
</style>

is not working.

Well, maybe it's because I'm experiencing this with md-autocomplete. Did not tested with md-select.

This will be fixed soon!
The style to override Vue Material cannot be scoped, since Vue Material is a 3rd party component and also moves some elements around the dom.

I'm still seeing this in Beta 8. Should this be fixed?

@mattgrande next release should fix this.

Hi, i'm still experiencing this in 1.0.0-beta-14.
In witch release is this should be fixed?

Hi, i'm still experiencing this in 1.0.0-beta-14.
In witch release is this should be fixed?

Same here with 1.0.0-beta-14. Above workaround does not solve the issue. Please reopen.

Can you add props that can we iput the number of z-index?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

markus-s24 picture markus-s24  路  3Comments

andreujuanc picture andreujuanc  路  3Comments

tridcatij picture tridcatij  路  3Comments

jtouzy picture jtouzy  路  3Comments

lovepluskaka picture lovepluskaka  路  3Comments