Getter function runs multiple times when bound to an input

[alialaa]

Describe the bug

I am not sure if this is a bug or normal behavior for some reason. But in this example, initially the getter function for value runs 3 times. And when the second input is updated, the getter function runs 2 times. Even though left.value is only used once in the template.

This does not happen if bind: is not used:

<label>
	<input type="number" value={left.value} oninput={(e) => {
			left.value = e.target.value;
	}} max={total} />
</label>

Reproduction

https://svelte.dev/playground/a2c1809d94f445308e65df38eb24cf8a?version=5.17.1

Logs

No response

System Info

System:
    OS: macOS 15.1.1
    CPU: (12) arm64 Apple M3 Pro
    Memory: 100.69 MB / 18.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v20.18.0/bin/npm
    Watchman: 2024.12.02.00 - /opt/homebrew/bin/watchman
  Browsers:
    Chrome: 131.0.6778.264
    Safari: 18.1.1
  npmPackages:
    svelte: ^5.0.0 => 5.17.1

Severity

annoyance

[dummdidumm]

This is happening because of ownership validation (if you go to the JS output tab, toggle dev mode, you'll see something related occuring, which invokes the getter).

Is this doing any harm or is this more of a "wondered why" question?

[alialaa]

It's not causing any harm but I was wondering if it can be a performance issue for a maybe more complex situation than this simple example?

[dummdidumm]

No it will be fine (if it isn't then what are you even doing in your getters) - closing since this isn't a real issue, thanks.