Microsoft Edge Browser: Properly clearing a text box

  • Profile Image
    MWBP
    Asked on August 05, 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?

  • Profile Image
    Chriistian
    Answered on August 06, 2016 at 02:25 AM

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

     

    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.

  • Profile Image
    MWBP
    Answered on August 09, 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

  • Profile Image
    Chriistian
    Answered on August 10, 2016 at 01: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.

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

  • Profile Image
    MWBP
    Answered on August 10, 2016 at 04: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.

  • Profile Image
    Mike
    Answered on August 10, 2016 at 06: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.