bug: ion-accordion rendering strange lines with border-radius

[sander-spruit]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

When using an ion-accordion-group with an ion-accordion, where a border-radius is used, the browser renders weird diagonal lines.

Expected Behavior

Border radius should be applied without gimmicky issues.

Steps to Reproduce

Create an ion-accordion, inside an ion-accordion with a group inside. Apply the following styling,

ion-accordion-group ion-accordion-group {
background-color: var(--white);
--border-width: 0;
padding: 0 15px;
box-shadow: 0px 1px 0px 1px rgb(11 23 57 / 8%);
border-radius:5px;
}

and an ion-accordion with the following styling

ion-accordion {
border-radius: 5px;
}

Result is the following

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.13.1 (\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 6.1.3
@angular-devkit/build-angular : 13.2.6
@angular-devkit/schematics : 13.2.6
@angular/cli : 13.2.6
@ionic/angular-toolkit : 6.1.0

Utility:

cordova-res : 0.15.3
native-run : 1.5.0

System:

NodeJS : v14.15.4 (C:\Program Files\nodejs\node.exe)
npm : 6.14.10
OS : Windows 10

Additional Information

No response

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[liamdebeasi]

Thanks for the issue! This issue is being closed due to the lack of a code reproduction. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Thank you for using Ionic!