WAI
Status Update
Comments
ka...@gmail.com <ka...@gmail.com> #2
I investigated this issue and I think Surface have problem with this, when I use Modifier.shadow with other composables it works normally
ma...@google.com <ma...@google.com> #3
Thanks for filing this.
This is working as intended, since Card in your case have bigger elevation than a TopAppBar.
As you place it in a Column { TopAppBar; ListOfCards }, cards are drawn after the top app bar, and overlap its shadow.
You either need to switch to the Box and compose the TopAppBar after the list of cards Or use Scaffold that handles this order for you Or use Modifier.zIndex (not recommended) to have higher Z index in the top app bar than in the card.
re...@gmail.com <re...@gmail.com> #4
This behaviour is also happening when using views without elevation, like a Box.
Description
Card items overlap TopAppBar elevation, in material design tutorials we can see normal work of this:
I attached screenshots and created a project on GitHub to easily reproduce this problem: