Skip to content

Use Teleport to position dropdown #1

@sophieews

Description

@sophieews

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions