NuxtN
Nuxt•2y ago
Matteo

Using SelectMenu within Popover

Is there a way to use 
USelectMenu
 within a 
UPopover
 component so that the options container is not bound to the height of the 
UPopover
 component? In the attached image, you can see the result when doing so by using the popper strategy 
fixed
 (see the code for the 
USelectMenu
 below). The partly covered container is my popover whose height is not that big. I want the selectMenu options container to overflow that popover. The nearest I was able to achieve is by using popper and the strategy set to 
fixed
  • but as you can see from the image, the width of the options container is wider than the 
    USelectMenu
    component itself.
ere is the code on how I am using the 
USelectMenu
 component:

<USelectMenu
    searchable
    searchable-placeholder="Search..."
    v-model="state.exam"
    :options="exams"
    :popper="{ strategy: 'fixed' }"
/>


Cheers!
image.png
Was this page helpful?