ITADN

Accordion and Tab `open` binding doesn't work

#45Opendaveo1001 创建于 2025-01-13
D
daveo1001commented
### Describe the bug For both the Accordion component and the tab component, bindings to the `open` property do not update state. ### Reproduction ```ts let openSet = $state({ 'accordion-01': true, 'accordion-02': false, 'accordion-03': false }); $inspect(openSet); <Accordion isSingle={false}> <AccordionItem open={openSet['accordion-01']}> {#snippet header()} <span id="accordion-01">accordion-01</span> {/snippet} <p>Accordion Item 1 Content</p> </AccordionItem> <AccordionItem open={openSet['accordion-02']}> {#snippet header()} <span id="accordion-02">accordion-02</span> {/snippet} <p>Accordion Item 2 Content</p> </AccordionItem> <AccordionItem open={openSet['accordion-03']}> {#snippet header()} <span id="accordion-03">accordion-3</span> {/snippet} <p>Accordion Item 3 Content</p> </AccordionItem> </Accordion> ``` When clicking an accordion item to open or close a section I expect `$inspect` to log the updated state of `openSet`, but it does not. If I programmatically update `openSet` the accordion responds as expected as does the `$inspect`. ### Version and System Info ```shell svelte-5-ui-lib@0.12.2 svelte@5.17.3 @sveltejs/kit@2.15.2 vite@5.4.11 System: OS: Windows 11 10.0.22635 CPU: (12) x64 AMD Ryzen 5 5600X 6-Core Processor Memory: 13.16 GB / 31.93 GB Binaries: Node: 22.12.0 - ~\AppData\Local\fnm_multishells\25764_1736739867697\node.EXE npm: 10.9.0 - ~\AppData\Local\fnm_multishells\25764_1736739867697\npm.CMD pnpm: 9.15.0 - C:\ProgramData\chocolatey\bin\pnpm.EXE Browsers: Edge: Chromium (127.0.2651.8), ChromiumDev (127.0.2610.3) Internet Explorer: 11.0.22621.3566 ```
0 条评论