[BUG] Translated Error Message not displaying at the top of the page

[ghost]

Environment

• Hosting type: found it locally, also on Form.io
• Formio.js version: 4.11
• Browser: I tested with Chrome and Firefox

Steps to Reproduce

1. Create a form with a translation and a required field
2. Create a translation for the required field (for example 'required': '{{field}} est requis.', )
3. Submit without filling in the required field

Expected behavior

The translation displays correctly next to the Form Component and in the Alert Message at the top of the page.

Observed behavior

The translation displays correctly next to the Form Component, but at the top of the page it only shows "alertMessage" (copied from the Form.io Translation Walkthrough) :

Veuillez corriger les erreurs suivantes avant de l'envoyer.

• alertMessage
• alertMessage
• alertMessage

Example

Form.io Translation Walkthrough
JSFiddle

[kzhang-dsg]

I am facing the same issue. Downgrading to version 4.10.2 fixed the issue. Looks like it is a new bug introduced in the new 4.11 version.

[wag110894]

@JeStud @kzhang-dsg Thank you both for reaching out! We are able to replicate this issue on our side. We have created a ticket. For reference, the ticket number is FJS-1128. We have assigned this item as a high priority. We will let you know once this issue has been resolved.

Thank you!

[ghost]

Thanks @kzhang-dsg, using 4.10.2 works as a solution
Thanks @wag110894, appreciate it

[ol-nu]

I saw that the bug was fixed in https://github.com/formio/formio.js/pull/3116/files and I tried out the newest rc-version (4.12.0-rc.14) which includes this fix also and it seems like it's still not working.

[wag110894]

Hello all,

The issue with the JSFiddle above was that needed need to add 'alertMessage': '{{label}}: {{message}}' in their list with translations for each language. Here is working JSFiddle: https://jsfiddle.net/231ygthz/6/.