Cannot read property 'trim' of undefined

[retarderko]

Code: Select all

 <button pButton pRipple type="button" label="{{'signup' | translate}}" class="p-button-outlined btn "></button>

So basically translation is proceeding, but im getting this error in console,

Cannot read property 'trim' of undefined

I tried to do same thing with input and it worket as it should have.

[avmesquita]

Occurred with me when using ngx-translate.

To resolve the bug, momentarily use:

icon="pi"

like:

<button pButton icon="pi" label="{{ 'CONSTANT' | translate }} ...>

[Mc128k]

Having the same bug with a dynamic label. Is this already notified in github?

[spiceagent11]

I'd much prefer, however, if whatever was currently selected was always automatically scrolled into view when the dropdown drops. Is there way to do this?

[Flavien]

I had the same issue, the problem came when the label attribute changed i.e. if it was bound to a hot observable

Replace

Code: Select all

<button  [label]="yourObservable$ | async | translate"></button>

with:

Code: Select all

<button>{{yourObservable$ | async | translate}}</button>

[kakkadu]

What helped in my case:
Use

Code: Select all

<p-button></p-button>

instead of

Code: Select all

<button pButton type="button"></button>

or you have to declare icon as already mentioned above.

[mpscheidt]

This has been fixed in 12.2.1: https://github.com/primefaces/primeng/issues/10719