rgossiaux / svelte-headlessui

Unofficial Svelte port of the Headless UI component library
https://svelte-headlessui.goss.io
MIT License
1.78k stars 96 forks source link

List box doesn't position absolute #151

Closed isaacfink closed 1 year ago

isaacfink commented 1 year ago

Describe the bug A clear and concise description of what the bug is. I am expecting the list box component to behave the way it is in the docs, it just adds the options and doesn't allow me to select anything

To Reproduce

<script lang="ts">
    import Amount from './Amount.svelte';
    import CharityPicker from './CharityPicker.svelte';

    let info: {
        charityId: null | string;
        amount: number;
    } = {
        charityId: null,
        amount: 0.0
    };
</script>

<div class="flex space-y-3 md:space-y-0 md:space-x-3 flex-col md:flex-row">
    <div class="flex-grow w-full">
        <CharityPicker bind:charityId={info.charityId} />
    </div>
    <div class="flex-grow w-full">
        <Amount bind:amount={info.amount} />
    </div>
    <button class="bg-cyan-600 text-white py-1 px-2.5 rounded hover:bg-cyan-500 transition">Donate</button>
</div>

Library version latest

rgossiaux commented 1 year ago

I don't understand your description and your code snippet includes custom components--how am I supposed to reproduce that?