Estoy trabajando en un editor de gráficos de red con una vista de inspector en el lado derecho. El inspector es un componente web independiente creado con Lit. Cuando hago clic en un nodo, me gustaría poder ver y cambiar las propiedades del nodo, como el título del nodo, en la vista del inspector. Eso funciona bien siempre que no cambie ningún valor en el campo de entrada. Una vez que cambié el valor, el campo de entrada mantiene su valor manual incluso si establece un nuevo valor durante la nueva representación.

Para dar un ejemplo. Así es como el inspector web de Safari muestra el elemento HTML:

Si ahora cambio el valor del nodo, se ve así:

Ahora, cambio al segundo nodo y obtengo esto:

Como puede ver, el atributo de valor cambió, incluso la identificación es diferente. Sin embargo, Safari (y Chrome) mantienen el valor existente, por lo que me muestran el título incorrecto para el segundo nodo.

El campo de entrada muestra el valor del nodo cada vez, siempre que no cambie el valor manualmente. Después de eso, el campo de entrada mantiene el valor establecido manualmente.

La línea correspondiente en render() es

 <input id="text_${this.currentElement.id}" value="${this.currentElement.text}"/>

Específicamente cambio la identificación pero eso no tiene impacto en el resultado.

¿Qué debo hacer para 'perder' el valor manual durante la re-renderización? ¡Muchas gracias de antemano!