After a NumericTextBox disabled, you still could change the value using the spinners

[Wei Cheng]

Shouldn't these spinners be disabled as well? Also the showSpinButton="false" doesn't work for the Vue component.

Thanks

[Deepak Ramakrishnan]

Hi Wei Cheng,

Greetings from Syncfusion support.

We have validated the reported issue in our end with provided details . And we suggest you to provide the value for showSpinButton through a variable (‘spin’ in the below example) instead of providing it directly .

[App.vue]

<template>

  <ejs-numerictextbox  :showSpinButton='spin'></ejs-numerictextbox>

    

</template>

 

<script>

import Vue from "vue";

import { NumericTextBoxPlugin } from "@syncfusion/ej2-vue-inputs";

 

Vue.use(NumericTextBoxPlugin);

 

export default {

  name: "App",

  components: {NumericTextBoxPlugin},

  data() {

    return {

      spin: false,

    };

  }

}

</script>

 

Sample link : https://www.syncfusion.com/downloads/support/forum/169774/ze/quickstart139714852

Kindly revert us if you have any concerns in it.

Thanks,

Deepak R.

[Wei Cheng]

Hi, Deepak:

Thanks for getting back to me, the code example you provided worked.

At first, the updated code of mine didn't behave the same way, then I did a npm cache clean, also cleared browser cache, it started working.

Regards,

Wei

[Deepak Ramakrishnan]

Hi Wei Cheng, 

 

Thanks for your update. 

 

Also we have validated the issue in disabled component ,But unfortunately we couldn’t able to reproduce it with latest version (19.3.46) .Please find the video demonstration and sample for your reference. 

 

Video Link : https://www.syncfusion.com/downloads/support/forum/169774/ze/quickstart_-_Google_Chrome_2021-10-21_12-58-32-1158463175 

 

 Sample Link : https://www.syncfusion.com/downloads/support/forum/169774/ze/quickstart-306353331 

 

<template> 

  <ejs-numerictextbox  :showSpinButton='spin' :enabled='enable' ></ejs-numerictextbox> 

     

</template> 

 

<script> 

import Vue from "vue"; 

import { NumericTextBoxPlugin } from "@syncfusion/ej2-vue-inputs"; 

 

Vue.use(NumericTextBoxPlugin); 

 

export default { 

  name: "App", 

  components: {NumericTextBoxPlugin}, 

  data() { 

    return { 

      spin: true, 

      enable: false 

    }; 

  } 

} 

</script> 

 

 

 

We suspect that duplicate/outdated package may present in your application, So we request you to upgrade Syncfusion packages to the latest(19.3.46) by referring the below documentation 

 

UG documentation :  https://ej2.syncfusion.com/vue/documentation/common/how-to/update-npm-package/  

 

Thanks, 

Deepak R.