Nuxt•2y ago

Using SelectMenu within Popover

Is there a way to use

USelectMenu

USelectMenu

within a

UPopover

UPopover

component so that the options container is not bound to the height of the

UPopover

UPopover

component? In the attached image, you can see the result when doing so by using the popper strategy

fixed

fixed

(see the code for the

USelectMenu

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

fixed

- but as you can see from the image, the width of the options container is wider than the

USelectMenu

USelectMenu

component itself.

Here is the code on how I am using the

USelectMenu

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!

Nuxt•2y ago

Matteo

Using SelectMenu within Popover

Is there a way to use

USelectMenu

USelectMenu

within a

UPopover

UPopover

component so that the options container is not bound to the height of the

UPopover

UPopover

component? In the attached image, you can see the result when doing so by using the popper strategy

fixed

fixed

(see the code for the

USelectMenu

USelectMenu

fixed

fixed

- but as you can see from the image, the width of the options container is wider than the

USelectMenu

USelectMenu

component itself.

Here is the code on how I am using the

USelectMenu

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!

Using SelectMenu within Popover

Similar Threads

Using SelectMenu within Popover

Similar Threads

Similar Threads

Similar Threads