Skip to content

Svelte 5: spreading attributes on a input changes event handlers behaviour #11138

Closed
@hawk93

Description

@hawk93

Describe the bug

Hi, I made a simple component to wrap a checkbox and his style. I realized that if you use rest props while destructing $props rune, the onchange event is triggered with the wrong value.

When calling onchange checked value is wrong

<script>
	let { checked = $bindable(), children, onchange, ...rest } = $props();
</script>

<p>
	<label><input type="checkbox" {onchange} {...rest} bind:checked /> {@render children()}</label>
</p>

When calling onchange checked value is right

<script>
	let { checked = $bindable(), children, onchange, disabled } = $props();
</script>

<p>
	<label><input type="checkbox" {onchange} {disabled} bind:checked /> {@render children()}</label>
</p>

Reproduction

https://svelte-5-preview.vercel.app/#H4sIAAAAAAAACrWSTUvEMBCG_8oQFraF2t7XNCgeRIRdUMGD9ZA2s7vBNAlJVpTS_y5xu-t-KR70kENmMu888046MpcKPZk8dUTzFsmEXFpLMhLebbz4V1QBSUa8WbkmRqhvnLSBVboKsrXGBbhaYvNSm7c79AHmzrQwzovdYL6WGZ-omZqTVevwbl08CgNwKGHkAw-YzLnymJ5_5erjnKbFF7Cmll2Z1hqNOkBY8gArjx7yPHeRYmSdsT5J4Qymswd4nN3d3kyvaWFZpenelEY3S64XWHZJCiWDxmhvFObKLBKe9lBLLSZNrEBRdrxnnO458g2NMOj1-JPqFFQEuj_AGQz8Cag-Aqp7VtMDs1mlSUZaI-RcoiCT4FbYZ9tvsUv_2_8Rd9LB0DXuJlLwWmGSZtAspRIOdbZlz7Yz9_HxMPeJHUZtqniNilGp7SpAxCkr0gyQFYFuo9pDN8juuwAFg-7CoRbotjBJ2tNirRzb2l-asnbw32wR0se0-GtfNrp_Zcxz_wEjEgCuUAQAAA==

Logs

No response

System Info

Repl

Severity

blocking all usage of svelte

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions