SelectMenu in Modal

[Obscure1666]

Description

Hi !
Help me, please, how to correct setup :ui blocks for SelectMenu Option list will be over Modal window, By default its cuted and hided by bottom border.
Thanks!

<template>
    <div>TEST PAGE</div>
    <div>
        <UButton label="Open" @click="isOpen = true" />
        <UModal :ui="{ }" v-model="isOpen" >
            <UCard :ui="{ }">
                <template #header>
                <!-- Content -->
                <div>Header</div>
                </template>
                    <!-- Content -->
                    <div class="">
                        <USelectMenu
                            :ui="{ }" 
                            v-model="selected" 
                            :options="people" 
                        />
                    </div>                    
                <template #footer>
                <!-- Content -->
                    <UButton class="mx-1 font-bold">Submit</UButton>
                    <UButton class="mx-1">Cancel</UButton>
                </template>
            </UCard>            
        </UModal>
  </div>    
</template>

[benjamincanac]

You can either remove the overflow-hidden from the UCard or set the popper.strategy to fixed on the SelectMenu. If you do so, you will also have to set a width on it: <USelectMenu :popper="{ strategy: 'fixed' }" :ui="{ width: 'w-48' }" /> .

[Obscure1666]

Thanks!
me helps remove overflow-hidden twice: in Modal and Card.

<UModal :ui="{ base: '', width: 'w-96' }" v-model="isOpen" :overlay="true">
            <UCard :ui="{ base: '' }">

It`s Cool Lib !!!

[benjamincanac]

I've decided to remove the overflow-hidden from the Card by default so you won't have to do this anymore.