[Slideover] No Overflow with top / bottom side

[malte-baumann]

Environment

• Operating System: Linux
• Node Version: v20.17.0
• Nuxt Version: ^3.13.0
• CLI Version: 3.14.0
• Package Manager: bun
• Nuxt Ui: ^3.0.0-alpha.6

Version

3.0.0-alpha.6

Reproduction

https://github.com/malte-baumann/slideover

1. Clone this repo
2. bun dev (or similar package manager)
3. Open http://localhost:3000
4. Make the screen width smaller than 400.
5. Click on top or bottom button

Description

When using a Slideover which body height is too large for the screen it should add a scrollbar to handle the overflow.
Left and Right side Slideovers are handling this overflow.

When using the slideover with side: bottom:

• No Overflow is found in the dom
• Content at the very top (including i.e. the close button) is not visible and accessible.

When using the slideover with side: top:

• No Overflow is found in the dom
• Content at the very bottom is not visible and accessible.

Additional context

Right Side Slideover with scrollbar:

Bottom Side Slideover without scrollbar and close button:

Logs

No response

[benjamincanac]

Thanks for the report! 😊