Select list does not render above standard HTML `<dialog>`

[tarngerine]

Since svelte-select portals the list to the bottom of document body, it can never be above "top layer" which is where <dialog> renders to (more reading).

Wondering if there's an option to disable the portaling and render the list inline next to the root svelte-select element?

[quasarchimaere]

i had the same issue with v5 beta and sveltekit (using a the select box in a sveltestrap Modal)
my quick fix was to set the z-index of the list-container and the position to relative

code snippet:

// svelte-select style workaround (for overlays)
.list-container {
  z-index: 2000;
  position: relative;
}

[rob-balfre]

@tarngerine I've added a prop appendListTarget that lets you append the list wherever you'd like.

REPL:
https://svelte.dev/repl/5c36b10164784d66b3734bab130da719?version=3.49.0

[tarngerine]

amazing! thank you!