Thanks for the detailed report, @Subarist — this one reads like a genuine styling issue rather than intended behavior.
Your analysis lines up: with the grouped tag pattern, the first child gets left-rounded corners and the last child gets right-rounded corners, so any middle tag should be border-radius: 0 to keep the group visually continuous. Right now the global rule:
.TagLabel, .item-tags .TagLabel {
border-radius: 30px;
}
applies to all tags, so middle tags keep rounded corners on both sides and break the group.
A possible fix to add to the grouped pattern:
.TagsLabel .TagLabel {
border-radius: 0;
}
.TagsLabel .TagLabel:first-child {
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.TagsLabel .TagLabel:last-child {
border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
That's a suggestion, not a confirmation — I'll flag this for the team to confirm whether it's intended or a defect, and to verify the exact selectors.
A couple things to help them review:
- A quick screenshot showing the middle tag with rounded corners
- Confirm it only happens with 3+ tags (where a true "middle" tag exists)
Noted the environment: Flarum 2.0.0-rc.3, PHP 8.5.2, Bespoke 2.0.32.
