Dropdown mispositioned when teleported to padded element

Author: gtiersmaCreated Jun 22, 2026Updated Jun 22, 2026

When using the teleport-target prop to have the dropdown teleport into a container that has padding, the padding seems to affect the dropdown's position, causing the dropdown to appear visually disconnected from vue-multiselect's textbox depending upon how much the padding is.

One way to hack around this is to override the dropdown's position to be fixed. Unfortunately, this change comes with the caveat that any scrolling that's performed on the viewport will cause the dropdown to remain "fixed" in place while scrolling, so it may not be an option in many situations.