Skip to content
This repository was archived by the owner on Jul 29, 2025. It is now read-only.
This repository was archived by the owner on Jul 29, 2025. It is now read-only.

Dismissible drawer and Top App bar overlay #377

@ralpha

Description

@ralpha

The Top App bar combined with a Navigation drawer (dismissible). Has a bug where it overlays the Top App bar.

A simple fix is to remove the top: 0; line in the css (or overwrite it):

.mdc-drawer--dismissible {
    ...
    top: 0;
}

This might trigger some unwanted behavior in other cases, that is why I'm reporting it here.
Nested as:

<TopAppBar .../>
<TopAppBarFixedAdjust>
  <Drawer dismissible>
    ...menu...
  </Drawer>
  <DrawerAppContent>
    ...page...
  </DrawerAppContent>
</TopAppBarFixedAdjust>

Default behavior:
screenshot from 2018-10-25 23 50 59

Expected behavior: (after removing top: 0;)
screenshot from 2018-10-25 23 52 12

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions