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.

Sign up for GitHub

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

Jump to bottom

Accordion panel missing border-bottom and wrong border-radius #238

Open
Cry0nicS opened this issue Oct 21, 2023 · 1 comment
Open

Accordion panel missing border-bottom and wrong border-radius #238

Cry0nicS opened this issue Oct 21, 2023 · 1 comment
Labels
🪲 bug Something isn't working

Comments

@Cry0nicS
Copy link

Description

I found 2 issues with the accordion:

  1. The bottom border is wrongly calculated for the accordion panels. As a result, if there are exactly 3 panels in the accordion, the last one will have a border bottom. Otherwise, there won't be any border.
  2. Somehow, the second panel has a border-radius. Seems like a bug.

Here's a very quick GIF to show both issues.
chrome_apdMdJqOd8

Reproduction

Sandbox: https://codesandbox.io/p/sandbox/confident-chaum-y2wnw6?file=%2Fpages%2Findex.vue%3A9%2C16

Versions

"flowbite": "^1.8.1",
"flowbite-vue": "^0.0.17",

I'm using it with Nuxt 3.8.0 and Tailwind 3.3.3 - but shouldn't matter.
@cogor cogor added the 🪲 bug Something isn't working label Oct 23, 2023
@jayel74
Copy link

jayel74 commented Nov 21, 2023

same here, is there a workaround?

@tahaokumus tahaokumus mentioned this issue Jan 20, 2024
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🪲 bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@jayel74 @cogor @Cry0nicS