Accordion: first / last child border radius error #880

New Issue

claunia · 2026-01-29T17:45:45Z

claunia commented

2026-01-29 17:45:45 +00:00

Originally created by @3hxx on GitHub (Jun 13, 2023).

Set overflow on accordion parent

.rz-accordion {
overflow: hidden;
}

2: Remove this:

.rz-accordion > div:first-child{
    border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0;
}

This is because if someone wants to add a border to the accordion with the current state the first and last child become visually impairing only slightly but see example:

Example:

BEFORE (current implementation):

AFTER (doing what I've suggested):

I've fixed it my side but other users might be experiencing the same and not even knowing it happened

Originally created by @3hxx on GitHub (Jun 13, 2023). 1) Set overflow on accordion parent .rz-accordion { overflow: hidden; } 2: Remove this: ``` .rz-accordion > div:first-child{ border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0; } ``` This is because if someone wants to add a border to the accordion with the current state the first and last child become visually impairing only slightly but see example: **Example:** BEFORE (current implementation): ![image](https://github.com/radzenhq/radzen-blazor/assets/4752086/749e77d5-c6e6-4407-bba4-aa92c209bcaa) AFTER (doing what I've suggested): ![image](https://github.com/radzenhq/radzen-blazor/assets/4752086/f510635d-2070-44a9-a53d-e6378e1e3409) I've fixed it my side but other users might be experiencing the same and not even knowing it happened

claunia referenced this issue

2026-01-29 18:18:31 +00:00

[PR #880] [MERGED] TooltipService Open with Four Position #2370

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#880