Nuxt•5mo ago

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 USelectMenucomponent itself. Here 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' }"
/>

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

Cheers!

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Using SelectMenu within Popover