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.