[web] Card shadow not rendering on flutter_web when using ContinuousRectangleBorder or BeveledRectangleBorder #66334
Description
Describe the bug
Using this exact code on both web and mobile results in different rendered output. On mobile, the card has a shadow, on web not.
Working on web (1):
Card(
elevation: 10,
child: Container(
color: Colors.green,
height: 100,
width: 100,
),
)NOT Working on web (2):
Card(
elevation: 10,
shape: ContinuousRectangleBorder(),
child: Container(
color: Colors.green,
height: 100,
width: 100,
),
)Working on web (3):
Card(
elevation: 10,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(0.0)),
),
child: Container(
color: Colors.green,
height: 100,
width: 100,
),
)NOT Working on web (4):
Card(
elevation: 10,
shape: const BeveledRectangleBorder(
borderRadius: BorderRadius.only(
bottomRight: Radius.elliptical(15, 15),
topRight: Radius.elliptical(15, 15),
),
),
child: Container(
color: Colors.green,
height: 100,
width: 100,
),
)Steps to Reproduce
Use the widgets above and run on mobile, or web.
Expected results:
They should have shadows rendered.
Actual results:
(1) - Has shadow
(2) - Has no shadow
(3) - Has shadow
(4) - Has no shadow
Flutter Doctor
Metadata
Metadata
Assignees
Labels
issue is assigned to a domain expert for further triageUI glitches reported at the engine/skia or impeller rendering levelflutter/packages/flutter/material repository.Found to occur in 1.22flutter/packages/flutter repository. See also f: labels.The issue has been confirmed reproducible and is ready to work onWeb applications specifically