ionic-framework icon indicating copy to clipboard operation
ionic-framework copied to clipboard

bug: setting an ion-label's textContent early results in double labels

Open ErikOnBike opened this issue 1 month ago • 2 comments

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

When setting a new <ion-label> instance's textContent before it is attached to the document and then after attaching it re-assigning a new textContent value will leave both visible.

See: https://codepen.io/ErikOnBike/pen/XJXqZxR

Expected Behavior

The second assignment to the textContent property should remove the existing textContent value.

Steps to Reproduce

See: https://codepen.io/ErikOnBike/pen/XJXqZxR

Code Reproduction URL

https://codepen.io/ErikOnBike/pen/XJXqZxR

Ionic Info

n/a

Additional Information

This might be the effect of StencilJS' textContent patching. I'm not sure if I fully understand why StencilJS does all kinds of patching for WebComponents. It overrides things like children, childNodes and textContent which results in awkward behaviour if you're not following the standard Angular/Vite approach of dealing with DOM manipulation. I bumped into this a number of times now (I'm not using the mentioned frameworks).

ErikOnBike avatar Oct 24 '25 12:10 ErikOnBike