Microsoft Edge Browser: Properly clearing a text box

  • MWBP
    Asked on August 5, 2016 at 10:28 PM

    I have a text box (Box1) set to numeric entry. Another calculated field (Calc1) performs a calculation based on the number in Box1. If I hit the little x in Box1 it will clear the contents of Box1, but the calculation remains in Calc1. The only way to reset the value in Calc1 is to return to Box1 and hit a backspace in the empty box. Why won't the little x clear out the contents properly?

  • Chriistian Jotform Support
    Replied on August 6, 2016 at 2:25 AM

    Are you referring to this form: http://www.jotform.us/form/62113930527147 and you are referring to this fields?

    Microsoft Edge Browser: Properly clearing a text box Image 1 Screenshot 20

     

    I can't seem to find the little x that you mentioned that clears the value for the text box field. May I know what browser and/or device you are using when you encounter this issue? If you are referring to a different form, please provide us the form link so we can further investigate.

     

    We will wait for your response.
    Regards.

  • MWBP
    Replied on August 9, 2016 at 11:07 PM

    I am using Windows 10 and Microsoft Edge for a browser. When the text box is active (cursor is in it) you can see a little x to the right of the box that will clear the box if clicked. Here is picture

    Microsoft Edge Browser: Properly clearing a text box Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on August 10, 2016 at 1:17 AM

    I see you are referring to the x button from Edge browser. I would like to inform you that the x button is automatically added by your Edge browser. It is not a feature from jotform.

    Since the button was added by Edge, the calculation field cannot detect that the box1 field was cleared when you used the x button, and as such the calculation will remain in calc1. The calculation field will only update when a user clears the content using backspace or inputs a new data.

    To make sure that the user doesn't use the x button, we can hide it using custom css. Simply inject the custom css code below to your form:

    input::-ms-clear {

      display: none;

    }

    Then to properly clear all the fields, just click on the Submit button and turn on the Reset Button property from the top menu of the form builder.

    Microsoft Edge Browser: Properly clearing a text box Image 1 Screenshot 20

    If you need further assistance, please let us know.
    Regards.

  • MWBP
    Replied on August 10, 2016 at 4:47 PM

    Thanks! It would have been easy to just tell me not to do it. Thanks for going the extra mile and providing a solution. For a text box this was no problem, but with a calculated field it really caused a problem. That little x gives a quick way to clear the box, but it is deceptive in what it does so removing it will definitely be the best way to go.

  • Mike
    Replied on August 10, 2016 at 6:26 PM

    On behalf of my colleague, you are quite welcome.

    If this become a wide issue, we will escalate it to our Development Team to see if they can apply some kind of a fix on our side.