[MaterialCardView] Unwanted border around cardview when having different border radii

Description: When changing the Shape of a Material Card to include only 2 rounded borders, there is an additional ~2dp border around the card that clips over content.

See screenshot: https://i.imgur.com/kES7C2W.png

Expected behavior: No border would be there. If all borders are rounded/not rounded, this does not happen

Source code:

<style name="ShapeAppearanceOverlay.MyApp.MaterialCardView" parent=""> <item name="cornerFamily">rounded</item> <item name="cornerSizeTopLeft">8dp</item> <item name="cornerSizeTopRight">8dp</item> <item name="cornerSizeBottomLeft">0dp</item> <item name="cornerSizeBottomRight">0dp</item> </style>

Android API version: 29

Material Library version: 1.2.0-alpha03

Device: Nexus5, Google Pixel, Samsung S7

[trifagabriel]

Setting android:outlineProvider=“none” fixed the issue for me

[pekingme]

Hi @kelmer44, thanks for providing the info. After trying your layout and style, I don’t think I fully understand your issue. But here are something I found.

• Apply theShapeAppearanceOverlay.MyApp.MaterialCardView to app:shapeAppearance instead of style to make it take effect.
• The extra padding inside the card background is to prevent overlapping the content with corner. If this is not desired, you can set app:cardPreventCornerOverlap to false in MaterialCardView to disable it.