List group item (horizontal) single item border-bottom-left-radius: 0
Created by: oakleaf
Prerequisites
-
I have searched for duplicate or closed issues -
I have validated any HTML to avoid common problems -
I have read the contributing guidelines
Describe the issue
https://getbootstrap.com/docs/5.2/components/list-group/#horizontal
Delete all items except one in the Horizontal list, and the last item will loose it's border-bottom-left-radius.
Expecting the bottom left edge to preserve it's border radius as all other edges. I can see that the .list-group-item:first-child actually solves this, but is overwritten by :last-child. Maybe just re-prioritize the sass so :first-child is inherited first?
Reduced test cases
.list-group-horizontal>.list-group-item:first-child{ border-bottom-left-radius: var(--bs-list-group-border-radius) !important; }
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
v5.2.0