Open ns8482e opened 4 years ago
When changing $background for the theme, List's background is not updated, parent's background-color is applied,
$background
@use "@material/theme" with ( $background: #121212, $surface: #121212, $on-surface:#fff );
@use "@material/drawer"; @use "@material/list";
@include list.core-styles; @include drawer.core-styles;
2. Define html ```html <aside class="mdc-drawer"> ..... </aside> <ul class="mdc-list" role="group" aria-label="List with checkbox items"> ...... </ul>
List is taking backround-color from parent element not from the theme.
It should take surface color provided in theme.
Define background-color using following
.mdc-list{ @include theme.prop(background-color, surface); }
Thanks @ns8482e for reporting this bug.
MDC List does not seem to apply any background color, it is transparent with the background layer. This seems like a bug.
Bug report
When changing
$background
for the theme, List's background is not updated, parent's background-color is applied,Steps to reproduce
@use "@material/drawer"; @use "@material/list";
@include list.core-styles; @include drawer.core-styles;
Actual behavior
List is taking backround-color from parent element not from the theme.
Expected behavior
It should take surface color provided in theme.
Screenshots
Your Environment:
Possible solution
Define background-color using following