Placeholder will not update its value on localization (lang change)

[Vedran Hudec]

Hi,

Using vue3, I've put ejs-textbox in separate vue template, like this:

<template>

  <ejs-textbox

    floatLabelType="Auto"

    :name="name"

    :id="name"

    cssClass="e-outline mb-0"

    :placeholder="placeholder"

    v-model="value"

  ></ejs-textbox>

</template>

Props, are value, placeholder and name, like it's seen on above code.

So HTML, holds initial value, and chrome.vue debugger shows the new value.

I've even created a watcher on i18n.lang property and then manually changed (in watcher) the label (inner html), but when control is finished rendering, the placeholder value has been returned to the one initially set.

Attachment: Pictures_adfcd5d0.zip

[Berly Christopher]

Hi Vedran Hudec, 

Greetings from Syncfusion support. 

We will check and update the further details about the reported issue in two business days (23^rd September 2021). We appreciate your patience until then. 

Regards, 

Berly B.C 

[Berly Christopher]

 Hi Vedran Hudec, 

  

Thanks for the patience. 

  

We would like to inform you that textbox component does not have a localization support (l10n library). So, we have checked the TextBox component by setting the placeholder value with help of props in the Vue 3 application. Unfortunately, the reported issue does not occur at our end. For your convenience, we have prepared the sample and attached it below. 

  

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Vue3_textbox1570243358  

  

 

Still issue persists, please share the value assigned part with props or modifying the attached sample with the reported issue that will help us to check and proceed further from our end. 

  

Regards, 

Berly B.C