search

tleunen / react-mdl

React Components for Material Design Lite
https://tleunen.github.io/react-mdl/
MIT License
1.76k stars 255 forks source link

Odd z-index conflict between Tooltip and HeaderTabs #412

Open igorsantos07 opened 7 years ago

igorsantos07 commented 7 years ago

Even though the Tooltip element includes z-index: 999 it's still rendered behind the HeaderTabs (with z-index: 2 :confused: I tried playing around with the z-index property on the inspector to no avail :(

http://codepen.io/igorsantos07/pen/jrGGvm?&editors=001

PCreations commented 7 years ago

In your example the tooltip is not rendered behind the HeaderTabs, it just has an opacity of 87% inherited from mdl-navigation__link class.