score:1

Accepted answer

zdepth will not help you in this case. the drawer is a bit different from other classic components. if you want your appbar always in front, you can do the following according to this issue:

live example

render() {
  return (
    <div>
      <appbar
        zdepth={2}
        title="some title"
        iconelementleft={<iconbutton onclick={this.handletoggle}><navigationclose /></iconbutton>}
      />
      <drawer
        open={this.state.open}
        width={200}
        zdepth={1}
        style={{ height: appbar.height }}> // <== here
        <menuitem>menu item</menuitem>
        <menuitem>menu item 2</menuitem>
      </drawer>
    </div>
  )
}

Related Query

More Query from same tag