InnerText gets repeated/duplicated when translate directive being used

[maulikpatel-prescinto]

Hi,

We have been using Translation service in our Angular-v11 app. After recent upgrade to Angular 14, we are observing weird issue of InnerText was getting repeated/duplicated in html for span/div et.c elements.

.html file contains
<div class="form-group"> <h2 translate="Passcode"> Passcode </h2> </div>

Sample code:

Angular 11: https://stackblitz.com/edit/angular-multilingual-translation-u99brr

Angular 14: https://stackblitz.com/edit/angular-multilingual-translation-5knupy

Angular11

Angular 14 (twice)

Your quick help is really appreciated.

Regards,