vue3-multiselect icon indicating copy to clipboard operation
vue3-multiselect copied to clipboard

Use Teleport to position dropdown

Open sophieews opened this issue 3 years ago • 1 comments

When parent component places restrictions on the overflow/positioning of child components this has an unwanted effect on the 'dropdown' part of the vue-multiselect component. Because we want the dropdown to be at the top of the stack, using Vue 3's new teleport functionality may make sense. The desired z-index of the div the dropdowns get teleported to could be a variable to provide flexibility with other teleported components.

Reproduction Link

--

Steps to reproduce

--

Expected behaviour

Screenshot from 2021-03-22 09-45-37

Actual behaviour

Screenshot from 2021-03-22 09-37-00

sophieews avatar Mar 22 '21 09:03 sophieews

Great idea! I'll look into this in the coming weeks and see if we can make this happen

mattelen avatar Mar 25 '21 08:03 mattelen