[Drawer] variant="permanent" elevation forced to 0

Just transferred over our drawer component to material-ui v1 and am having trouble getting the drawer to have a shadow using the “elevation” property. Is it possible to get a shadow with a drawer easily? Should the “elevation” property lead to a shadow?

• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Current Behavior

Tuning the elevation of the drawer (as documented here doesn’t seem to affect the elevation of the drawer.

Steps to Reproduce (for bugs)

sample code (using Typescript) Full code: https://github.com/bayesimpact/encompass/pull/666

let drawers = {
  '/analytics': AnalyticsDrawer,
  '/datasets': DatasetsDrawer,
  '/add-data': AddDatasetDrawer
}

export let LeftPane = withStore('route')(({ store }) =>
  <React.Fragment>
    {map(drawers, (Component, route) =>
      <Drawer className='LeftPaneContent' elevation={100} key={route} open={route === store.get('route')}>
        <Component />
      </Drawer>
    )}
  </React.Fragment>
)
LeftPane.displayName = 'LeftPane'

Context

Interested in having a shadow on this drawer component

Your Environment

Using Typescript.

Tech	Version
Material-UI	1.0.0-beta.38
React	^16.1.1
browser
etc

[oliviertassinari]

You can work around the issue with

      <Drawer PaperProps={{ elevation: 5 }} variant="permanent">
        {sideList("left")}
      </Drawer>

https://codesandbox.io/s/permanent-drawer-elevation-not-visible-forked-wqhdk?file=/demo.js:1660-1767

We could still move forward with https://github.com/mui-org/material-ui/issues/10975#issuecomment-379847645, but it might not be important enough to justify spending time on it.

[mbrookes]

@akegan It might also be because your elevation is out of range (> 24). You should see a warning in the console.