Skip to content

Commit 89c4cf3

Browse files
authored
fix: set open binding value in <details> (#10413)
* fix: set initial value for `open` binding in `<details>` * accurate desc
1 parent 76620e7 commit 89c4cf3

File tree

4 files changed

+25
-0
lines changed

4 files changed

+25
-0
lines changed

.changeset/strange-apricots-happen.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'svelte': patch
3+
---
4+
5+
fix: set `open` binding value in `<details>`

packages/svelte/src/compiler/phases/bindings.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -175,6 +175,7 @@ export const binding_properties = {
175175
textContent: {},
176176
open: {
177177
event: 'toggle',
178+
type: 'set',
178179
valid_elements: ['details']
179180
},
180181
value: {
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { ok, test } from '../../test';
2+
3+
export default test({
4+
test({ assert, target }) {
5+
const details_el = target.querySelector('details');
6+
7+
ok(details_el);
8+
9+
assert.strictEqual(details_el.open, true);
10+
}
11+
});
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<script>
2+
let open = $state(true);
3+
</script>
4+
5+
<details bind:open>
6+
<summary>Details</summary>
7+
...
8+
</details>

0 commit comments

Comments
 (0)