Dropdown: Not first on top and breaks when overflow-x

[ThatBlokeJosh]

First on top

The dropdown isn't first on top, unless i missed a prop. I think there should be an option for it.

Overflow x

Simply setting overflow-x-auto to a container makes the dropdowns also scroll

My dropdown

<Dropdown
	invalid={error}
	name={input.name}
	selectedId={SelectedId(input.input)}
	invalidText="Něco není správně"
	on:select={(e) => {
		let detail = e.detail;
		if (input.input.selectText) {
			value = detail.selectedItem.text;
		} else {
			value = detail.selectedId;
		}
	}}
	titleText={input.input.label}
	label={input.input.placeholder}
	items={input.input.options}
/>

[metonym]

Thanks for flagging. I think this speaks to a larger issue where menus and modals should be portalled.

I'll look into a portal implementation, given its impact.

[ThatBlokeJosh]

Update the first z-index issue was actually my fault of giving other elements higher z-indexes, the scroll however is still an issue