Allow custom z-index values for components

angular / material

Material design for AngularJS

https://material.angularjs.org/

MIT License

16.55k stars 3.39k forks source link

Allow custom z-index values for components #8475

Open ErinCoughlan opened 8 years ago

ErinCoughlan commented 8 years ago

Not all apps use only Angular Material components. They can use other component libraries as well as custom components, which can have different layering strategies.

By adding a z-index override attribute to components, products are able to use them without overriding the z-index on private classes.

There are also defined z-indices in Material, which all components should default to using. Material Spec

ThomasBurleson commented 8 years ago

Component z-Index Elevations

bradrich commented 8 years ago

This would be easily solved by our transition to mdPanel for all of the Material components. It might complicate the following of the Material spec that @ThomasBurleson added above because it would leave the positioning of items up to the developer, but it would solve several issues related to z-indexes.

Splaktar commented 6 years ago

PR https://github.com/angular/material/pull/9256 has an implementation of this for dialog but it was never merged and a new PR needs to be created.