docs: order of attribute and props matter

[sacrosanctic]

Describe the bug

<input
  {...rest}
  type="text"
/>

<input
  type="text"
  {...rest}
/>

These do not produce the same results and I don't see it documented in https://svelte.dev/docs/svelte/basic-markup or https://svelte.dev/docs/svelte/$props#Rest-props

I'm propose adding it to basic-markup and that addresses both elements and components.

Reproduction

REPL

Logs

System Info

.

Severity

annoyance

[paoloricciuti]

I think it is pretty intuitive but I'm not opposed to add a section to the docs

[sacrosanctic]

In vanilla HTML, the ordering does not matter. So it can be a hidden gotcha.

[7nik]

In vanilla JS, the ordering does matter. So it isn't so hidden.

let obj = { foo: 42 };
let a = {
  foo: 123,
  ...obj,
};
let b = {
  ...obj,
  foo: 123,
};

a and b will have different values in foo and the same applies to props.
But, yeah, there is nothing bad in reminding it in the docs and/or tutorial.