svelte movable drop dow menu

[tc-cole]

Environments

• sveltekit
• Framework version: 1.5
• Moveable Component version: 0.37.0
• Testable Address(optional):

Description

I am trying to have a movable dropdown menu in svelte but it is not working.

<script>
	import Moveable from "svelte-moveable";
	let moveable;
	let columns = [1,2,3,4]
	const keepRatio = true;
	const throttleScale = 0;
	const renderDirections = ['nw', 'n', 'ne', 'w', 'e', 'sw', 's', 'se'];
</script>



<div class="container" bind:this={moveable}>
	<select>
			{#each columns as column} {column} {/each}

	</select>
</div>

<Moveable
	target={moveable}
	hideDefaultLines={true}
	draggable={true}
	scalable={true}
	{keepRatio}
	{throttleScale}
	{renderDirections}
	on:drag={({ detail: e }) => {
		e.target.style.transform = e.transform;
	}}
	on:scale={({ detail: e }) => {
		e.target.style.transform = e.drag.transform;
	}}
/>

<style>
	.container {
		width: 200px;
		height: 200px;
	}
</style>

[daybrush]

@tc-cole

• croact-moveable 0.2.0
• @moveable/helper 0.1.2
• lit-moveable 0.23.0
• moveable 0.46.0
• preact-moveable 0.48.0
• react-moveable 0.49.0
• svelte-moveable 0.38.0
• vue-moveable 2.0.0-beta.64
• vue3-moveable 0.21.0
• ngx-moveable 0.43.0

moveable's new version is released. Try it again.