nuxt / ui

A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.
https://ui.nuxt.com
MIT License
4.15k stars 554 forks source link

UInputMenu/USelectMenu not working with USlideover due to z-index #2430

Closed frielspak closed 1 month ago

frielspak commented 1 month ago

Environment

Version

v3.0.0-alpha.6

Reproduction

Add UInputMenu or USelectMenu inside a USlideover

Description

The z-index value of the Slideover is bigger than the one on the portal created by UInputMenu/USelectMenu, making the options being hidden behind it and not selectable.

For now i just added:

div[data-radix-popper-content-wrapper] { z-index: 999 !important; }

on app.vue to quick fix the problem or add :portal="false" as a property of UInputMenu/USelectMenu.

Additional context

No response

Logs

No response

benjamincanac commented 1 month ago

Duplicate nuxt/ui#2347. Fixed by https://github.com/nuxt/ui/commit/bcfa4b74a9713be764ecb6db93d60d1360e52f07.