Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[md-select] Select is behind dialog #1149

Closed
ndabAP opened this issue Nov 16, 2017 · 8 comments · Fixed by #1525
Closed

[md-select] Select is behind dialog #1149

ndabAP opened this issue Nov 16, 2017 · 8 comments · Fixed by #1525
Assignees
Labels

Comments

@ndabAP
Copy link

ndabAP commented Nov 16, 2017

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;
}
@marcosmoura
Copy link
Member

I will fix this ASAP!

@EthraZa
Copy link

EthraZa commented Nov 28, 2017

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.

@marcosmoura
Copy link
Member

marcosmoura commented Nov 28, 2017

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.

@Samuell1 Samuell1 closed this as completed Dec 6, 2017
onjiro added a commit to onjiro/vue-material that referenced this issue Feb 18, 2018
Select content is begind dialog after commit f0a7325 .
Css specificity should not same as MdMenuContent.

fix vuematerial#1149
onjiro added a commit to onjiro/vue-material that referenced this issue Feb 18, 2018
Select content is begind dialog after commit f0a7325 .
Css specificity should not same as MdMenuContent.

fix vuematerial#1149
marcosmoura pushed a commit that referenced this issue Mar 27, 2018
Select content is begind dialog after commit f0a7325 .
Css specificity should not same as MdMenuContent.

fix #1149
@mattgrande
Copy link
Contributor

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

@Samuell1
Copy link
Member

Samuell1 commented May 1, 2018

@mattgrande next release should fix this.

@swerky
Copy link

swerky commented Jul 7, 2020

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

@pichtj
Copy link

pichtj commented Jul 16, 2020

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.

@AbingLeo-ideahub
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

8 participants