1. Home
  2. Forum
  3. Blazor
  4. SfNumericTextBox freeze on lost focus

SfNumericTextBox freeze on lost focus

Hello guys

I am using the  SfNumericTextBox several times in a Blazor server page. It is working fine when TValue="int".

However I am facing a problem when  TValue="decimal"  ValidateDecimalOnType = "true" and the entered value has no decimal places. It means when I enter an integer value like 5.

Sometimes the component freezes the page on lost focus. The component keeps showing  the focus blue rectangle on it. After that nothing else works in the page.


                <SfNumericTextBox @bind-Value="_ProductContextModel.RetailSalePrice" TValue="decimal" ShowSpinButton=false Decimals="2" ValidateDecimalOnType = "true"  EnableRtl=true >

                </SfNumericTextBox>

I appreciate any help on this.


Thanks



4 Replies
UD UdhayaKumar Duraisamy Syncfusion Team August 1, 2022 09:58 AM UTC

Hi Kleber,


We have validated the reported query on our end. Unfortunately, we couldn’t reproduce the reported issue as per your scenario. We have shared a sample and video illustration for reference. Also, we request you to provide additional details about the issue as mentioned below. This will help us validate the issue further and provide you with a better solution.


1. Are you facing the issue in any particular scenario?

2. Is the NumericTextBox component rendered within any other component(Ex: Dialog) or alone?

3. Issue reproducing runnable sample (or modify the shared sample).

4. Issue replication steps.

5. Video illustration of the issue.


Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/BLAZnumericTB-1194314200



Regards,

Udhaya Kumar D


KB Kleber Bueno August 2, 2022 03:45 PM UTC

Hello  Udhaya 


Thanks for your prompt answer.

Please find my comments below:


1. Are you facing the issue in any particular scenario?

Not really. It happens randomically. But whenever it happens I need to close browser and restart app.

2. Is the NumericTextBox component rendered within any other component(Ex: Dialog) or alone?

It is a custom component that has a Bootstrap accordion. Inside that accordion I have several SfNumericTextBox. Then the component is added to a main page.

3. Issue reproducing runnable sample (or modify the shared sample).

I will try to modify existing sample. It is a complex page to detach it.

4. Issue replication steps.

Basically just start entering values for any SFNumericText box.

5. Video illustration of the issue.

Please find attached video. As you can see when I tried to enter the value 20 in the field "Estimated Weight per Pouch", in the middle of page. It got frozen with blue rectangle focus on it. From that moment, nothing else worked in that page. All navigation got frozen as well.


Attachment: 02.08.2022_16.36.29_REC.mp4_505bd726.zip

KB Kleber Bueno August 3, 2022 10:41 AM UTC

Hello Support Team


Please consider this as closed.

Actually I was doing some calculation on onblur event for SfNumericTextBox. However when the calculation took sometime the component got frozen on onblur event.

I just changed my Calculation method to async. Now it seems to be working fine.


Thanks for the support.


Have a nice day.


UD UdhayaKumar Duraisamy Syncfusion Team August 3, 2022 03:22 PM UTC

Hi Kleber,


Thanks for the update. Please get back to us if you need any further assistance.


Regards,

Udhaya Kumar D


Loader.
Up arrow icon