CSS border-radius により、この最小限の Angular マテリアル Sidenav コンポーネントで要素が消えるのはなぜですか? (デモが利用可能)

Question

これは Angular マテリアル Sidenav コンポーネントについてです。以下のコードでは、境界線の半径を大きくして、囲んでいる要素と重なるようにすると、要素が消えます。

リーリー

(境界線の半径がない場合にコンテンツが表示されます)

(境界線の半径を追加するとコンテンツが消えます)

スタックブリッツ: https://stackblitz.com/edit/7swnhp?file=src/example/sidenav-drawer-overview-example.html

要素がどこにあるのか見えません。適用されている非表示のスタイルも見えません。DOM では、そこにあるのは見えますが、表示されません。

Answer 1

border-raduis を追加すると期待どおりに動作し、コンテンツが表示されます。