Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flush variant of Accordion has border radius on the last item #36583

Closed
3 tasks done
lionel87 opened this issue Jun 15, 2022 · 0 comments · Fixed by #36593
Closed
3 tasks done

Flush variant of Accordion has border radius on the last item #36583

lionel87 opened this issue Jun 15, 2022 · 0 comments · Fixed by #36593

Comments

@lionel87
Copy link

Prerequisites

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:

2022-06-15_140347

When using larger border radius values this becomes more visible:

image

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Status: Done
Development

Successfully merging a pull request may close this issue.

2 participants