`LocaleManager.applyLocale()` not working in React after toggling `gantt.readOnly`

[kronaemmanuel]

• See user test case LocaleManager.applyLocale() doesn't work after Edit button is clicked
• Works as expected in vanilla

Forum post

Hello,

We've encountered an issue with translations in our project. Initially, when the project is loaded, the column names are translated successfully. However, upon clicking the edit button (as demonstrated in the provided runnable test), the translations seem to be discarded.

Additionally, we would appreciate guidance on how to translate the following elements:

Empty Text: We need assistance in translating the emptyText property.

Toolbar Tooltips: We'd like to know how to translate tooltips in our toolbar buttons. Here's an example of the code snippet:

{
  type: "buttonGroup",
  items: [
    {
      color: "b-green",
      ref: "addTaskButton",
      html: toolBarIcons.createTaskButton,
      tooltip: "Create new task", /*this need translation*/
      onAction: "up.onAddTaskClick",
    },
  ],
}

Text Inside tabr Functions: We're seeking guidance on translating text within functions. Here's an example of such code:

async onAddTaskClick() {
  const { gantt } = this,
    added = gantt.taskStore.rootNode.appendChild({
  name: "New task",/*this need translation*/
    duration: 1,
    });
}

We appreciate your assistance.

Best regards,

runnable-test-translation.zip