Bound values do not update after `element.setRangeText`

[jstrieb]

Describe the bug

Calling element.setRangeText on an element with a bound value does not result in the bound value being updated. I would instead expect the bound, reactive variable to update whenever the element's value changes.

Reproduction

https://svelte.dev/playground/e55287e10519482d81dd70a1fbf47ad4?version=5.27.0

<script>
	let value = $state();
	let textarea = $state();

	function prependEquals() {
		textarea.setRangeText("=", 0, 0, "end");
		console.log(textarea.value, value);
	}
</script>

<p>Value: {value}</p>
<textarea bind:this={textarea} bind:value></textarea>
<button onclick={prependEquals}>Prepend "="</button>

System Info

System:
  OS: Linux 6.5 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
  CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Memory: 10.30 GB / 11.44 GB
  Container: Yes
  Shell: 5.2.15 - /bin/bash
Binaries:
  Node: 23.11.0 - /usr/local/bin/node
  Yarn: 1.22.22 - /usr/local/bin/yarn
  npm: 10.9.2 - /usr/local/bin/npm
npmPackages:
  svelte: ^5.27.0 => 5.27.0

Severity

annoyance

[Prinzhorn]

I think setRangeText doesn't trigger any event, you can manually do so:

https://svelte.dev/playground/e55287e10519482d81dd70a1fbf47ad4?version=5.27.0#H4sIAAAAAAAAA21RwUrEMBD9lSEI24Vl67m2BYW9i4gX6yFtp7vBOI3NZFcp_XeTxq6rCDkk7817M_MyCpJvKDJx1ztq4Si1QwvUMzjTSsYWZMc4gEV-kLTHR_xgsRGd0mhF9jwK_jRBHgCPf5vdGrO1R9QcsFpa_A9vemIk9jYit82gDJcVVayR4xhQwJVlP0OyvlkI9u3lgPIP59nOUcOqJzADGqR29-6ktskaxsBWvCi3l5sklSgqsYHr-VTC6yoRu10oWmWN5OawO_pxE8ITxNtKkXG82iwtAGpX1z6YDHhwGMFpvfj5fW2vcav7fXL2njfdxIVj4VRRnv7kQbkpnwKbwThXTXlqPJGfo6gVtRkflC3GBZsiONeXebrAQVY7Zp9ST41WzWsx_oprKu_jE-Zg8jRWl_63gofIwl7Ti39JpU--hcg6L8PpC6azTbVHAgAA

[Conduitry]

Yeah, this is the intended behavior. Two-way bindings listen to events on elements to know when they're updated.