Adjacent Material Widgets in a Column/Row do not cast a shadow on each other #12206
Description
Internal: b/292548582
Steps to Reproduce
When you create a widget that has a build method like this:
Widget build(BuildContext context) => return new Scaffold(
appBar: new AppBar(
title: new Text('Test'),
),
body: new Column(
children: <Widget>[
new Material(
color: Colors.blue.shade500,
child: new Container(height: 100.0),
elevation: 20.0,
),
new Material(
color: Colors.white,
child: new Container(height: 100.0),
elevation: 10.0,
),
new Material(
color: Colors.orange.shade500,
child: new Container(height: 100.0),
elevation: 20.0,
),
],
),
);You get this result:
As you can see, only the shadow from the bottom-most, orange Material is rendered. I would expect there to be a shadow rendered over the middle, white Material from both the above and below, as both of those have higher elevation.
For bonus points, I would also expect the shadow over the white Material to be about half as large as the one cast over the scaffold background by the orange Material (because the former is going from elevation 20 to 10, while the latter is going from elevation 20 to 0).