material-bread icon indicating copy to clipboard operation
material-bread copied to clipboard

Z-Index on AppBar

Open omenking opened this issue 4 years ago • 1 comments

Describe your feature request Uncertain if it is possible if this styling option.

Context Here I set in the Dev.to UI clone for the AppBar to have a position fixed. The navigation is covering the AppBar when scrolling.

Screen Shot 2019-12-10 at 8 41 20 PM

I am not certain how z-index would get set. I attempted with style={[{ zIndex: 10, boxShadow: "none" }

omenking avatar Dec 11 '19 01:12 omenking

@omenking Using Drawer type permanent and putting the Appbar within the the appbar prop puts Appbar within in the page content div. And it looks like that page content div is showing below the Drawer container, which means no matter how high the Appbar z-index is, it will not show above the Drawer. So adding a z-index to the contentContainerStyle should move the appbar above.

Dev To Material 2019-12-12 13-12-16

I'll need to do some more testing to decide if this should change merged in however.

codypearce avatar Dec 12 '19 21:12 codypearce