`bind:this` on `<img>` element doesn't trigger reactivity#15806

### Describe the bug When using `bind:this` on an image element, there's no way to use Svelte's native reactivity for that element. Neither `$derived`, `$derived.by` or `$effect` does work. Only option is to use a workaround techniques, like using the `onload` event listener. ### Expected behavior Once the image loads, trigger Svelte reactivity. --- **_Edit:_** After playing some more with this, `bind:contentRect` also isn't reactive as it should be. When I start scaling an element (for example the said image), the bound state value of this element doesn't change. I again have to track the change based on something else, for example the function that scaled the image, and get the `getBoundingClientRect()` value manually. Also, documentation still shows the legacy mode example: https://svelte.dev/docs/svelte/bind#bind:this Instead of `let canvas = $state();` it uses `let canvas;`. --- ### Reproduction [Playground link](https://svelte.dev/playground/hello-world?version=5.28.1#H4sIAAAAAAAACo1SPW-DMBD9K9YpA0gIGKoOBFK1VaUOnbpkKB0cfIBVx0b2JSQi_PcKaBIqZcjod-_j_OwONN8iJPCOShnWGqsE81BIQuFDAKVU6CD56oCOzcAbAAjOquemCd0eFQ3Yhju8hRdGE2pykEDqCisbWuU6J4XE5LZ6U8gytnDECT1_NvgwXKC4zkquHI6EGWktBdUDR6CVexTe5PgUVkgvZqeF1NWrkqjpEwvy_LAdBacTi29arY394XYQzkzDzdHzfJatWDdq6LLdcjpbpJ3V7P7sQdb7y_MGCyzLgfIvpDDaGYWhMtV9t_In11yn0bVmncptxZwtshxqosYlUdQoXmBtlAgLEz3G8eEhjnNgXFGWQw5sI7VIqJYu66bgnhmtDBdZN204fx2yO-xXuU4bi6uxw4R15zr7NBrg-ZR57aVjf0a9Nv8nggAIDwTJmPAdAHGpWqkFJONX6H8BB5iSyLwCAAA=) (Important: make sure you have **cache disabled**) ### System Info ```shell Windows 10, Chrome ``` ### Severity annoyance