Borders of UCard in UCollapsible are hidden

[ronannnn]

Environment

• Operating System: Linux
• Node Version: v20.12.0
• Nuxt Version: 3.17.3
• CLI Version: 3.25.1
• Nitro Version: 2.11.12
• Package Manager: pnpm@8.15.6
• Builder: -
• User Config: modules, devtools, compatibilityDate, future, css
• Runtime Modules: @nuxt/ui@3.1.3
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.17.3

Reproduction

https://codesandbox.io/p/devbox/angry-moon-grlpp3

Description

The borders of UCard will be hidden in the UCollapsible

Additional context

No response

Logs

[HugoRCD]

@ronannnn It's because of the overflow-hidden content of the UCollapsible, if you remove it you'll see that you'll see the borders again. I think in this case you'd have to find a workaround 🤔

[ronannnn]

Thanks! I noticed the open/close animation behaves strangely when overflow-hidden is removed. My current workaround uses margins to show the borders, but I'm curious if there's a cleaner approach to solve this.

[HugoRCD]

Thanks! I noticed the open/close animation behaves strangely when overflow-hidden is removed. My current workaround uses margins to show the borders, but I'm curious if there's a cleaner approach to solve this.

Yes indeed, I won't remove the overflow-hidden, I'll probably also play with margins, I'll have to look at the best way to do it 🤔

[github-actions]

Hi! 👋 This issue was automatically closed due to inactivity. If it's still relevant with the latest Nuxt UI version, feel free to reopen or create a new issue.