Flush variant of Accordion has border radius on the last item
Created by: lionel87
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
The docs describes the "flush" variant of the Accordion as an edge-to-edge mode, where borders and rounded corners are removed.
The last accordion-item still has rounded edges at the bottom left and right corners when focused and are in closed state, which I think is a bug.
Screen from the documentation page:
When using larger border radius values this becomes more visible:
Reduced test cases
https://getbootstrap.com/docs/5.2/components/accordion/#flush
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
5.x