Updates to text nodes caused by signal changes are not hightlighted

[nicolo-ribaudo]

Demo:

const s = signal(0);

function inc() {
  s.value++;
}

export default function App() {
  return html`
    ${s}
    <button onclick=${inc}>Increment</button>
  `;
}

When "Highlight updates" is enabled, I would expect the number to be highlighted every time it changes because I click on the button.

Screen.Recording.2023-03-16.at.12.51.00.mov

[richbayliss]

I don't think it should... since your using the templated value {inc} this is an optimized mechanism that doesn't re-render the component. Change it to {inc.value} and you will see it update, as this DOES cause the re-render 👍🏻

[nicolo-ribaudo]

The component is not re-rendered, but the text node is.