style: directive not rective within {#each} loop

[chrisbrown-io]

Describe the bug

It seems as if the only change to an elements attributes is a style: directive change within an {#each} block, that the style change doesn't get updated/propagated.

Interestingly, I've found if you also change the content of the element being rendered or another attribute of the element, the style: change is propogated correctly.

Without being too familiar of the internals of the reactivity, I would assume the style: directive isn't reactive within a loop?

Will have a look at the source/changes implemented in #5923 and see if I can implement a fix, although I'll be pretty much starting from scratch with regards to grok-ing the reactivity source. Any pointers would be ace!

Reproduction

https://svelte.dev/repl/6221482eb173402988e4493fcf2bbba1?version=3.46.1

Logs

No response

System Info

System:
  OS: macOS 12.1
  CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
  Memory: 1.23 GB / 16.00 GB
  Shell: 5.8 - /bin/zsh
Binaries:
  Node: 17.0.1 - ~/.nvm/versions/node/v17.0.1/bin/node
  npm: 8.1.0 - ~/.nvm/versions/node/v17.0.1/bin/npm
Browsers:
  Chrome: 97.0.4692.71
  Firefox: 94.0.2
  Safari: 15.2
npmPackages:
  svelte: ^3.46.1 => 3.46.1

Severity

annoyance

[Conduitry]

Fixed in 3.46.2 - https://svelte.dev/repl/6221482eb173402988e4493fcf2bbba1?version=3.46.2

[PaulMaly]

@Conduitry Still not reactive in some cases: https://svelte.dev/repl/5bebcc79246f4e60b56ae5da8a8342e4?version=3.46.4