teleport option for dropdown

[jacobg]

I've run into a case where the vue-multiselect dropdown content wrapperif getting cut off at the bottom due to complex scrolling and auto-height calculations in the parent that z-index won't work around. If there was an option to teleport the dropdown to the body (outside parent), then this would be an easier issue to deal with.

Please add option to teleport dropdown to a different element.

[hackel]

I migrated to https://github.com/TotomInc/vue3-select-component for this very feature. It is pretty essential, unfortunately.

[mattelen]

We've just launched a new version that has uses Teleport for the open dropdown. Check out more details of the release here: https://github.com/shentao/vue-multiselect/releases/tag/v3.3.0

[gretchelin]

thanks for the option! this solve the issue of dropdown getting cutoff (or worse, disappear) when container is not enough.

is there a way to customize the target for the teleport?

i see that useTeleport option accepts only boolean. I have a customized style of dropdown (for example hover color for options). While I can pass a class using contentWrapperClass (prop introduced in 3.4), I still need to use global to actually apply the style when teleport is true. Would be nice if I can target to a specific div, so the I can use scoped style as to not pollute global style.

[anne-gropler]

I also need a specific target, because I use the multiselects in Dialogs, and teleporting them to body just moves them behind the Dialog.