I have an Angular app ^6.0.0 with Angular Material ^6.0.2 and ngx-translate ^10.0.2.
In my app, I have some mat-inputs with appearance="outline". Whenever I change the language of the app, the input label truncates with the field outline, as in the screenshot below.
If I refresh the page the outline takes the width of the current language and it works as is should.
Is there any way to refresh/rebuild only the inputs when I change the language, without having to refresh the page?
Thanks!
Label normal in french:
Label truncates with outline in English: