Edge submits an HTML form twice if an input element is focused by the Tab key and then the Enter key is pressed

Confirmed Issue #11795740 • Assigned to Sanket J.

Details

Author
DevExpress T.
Created
Apr 26, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
13.10586
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

  1. Implement the following HTML page and open it in Edge:


                         
       
           
       
          
    





  1. Click on the square.
    Result: an alert popup with the ‘submit’ text is shown - that’s OK.

  2. Click outside the square.

  3. Press the ‘Tab’ key on the keyboard to focus the input element.

  4. Press the ‘Enter’ key on the keyboard.
    Result: the alert popup with the ‘submit’ text is shown twice - it is not OK. This means that the HTML form has been submitted twice.

Please also note that the issue does not occur if the input element is placed next to its parent div element.

I have attached a zip archive with the problematic page and a video demonstrating the issue. I used a virtual keyboard on the video, but the issue occurs in the case of the usual keyboard as well.

Attachments

Comments and activity

  • Changed Steps to Reproduce

    Changed Steps to Reproduce

    Changed Steps to Reproduce

    Changed Steps to Reproduce

    Changed Steps to Reproduce

  • For some reason, HTML markup is not displayed in code block. Please refer to the test.html file in the attached zip archive for details.

  • Microsoft Edge Team

    Changed Assigned To to “Steven K.”

    Changed Assigned To to “Travis L.”

  • I am not sure if this is the appropriate place to put this but I have just discovered a very similar issue on using Edge on mobile.

    The javascript event handler that captures the enter key is being called twice on my page:

    Below is the approximate code I am using, there are three text inputs on the page with similar functions all of them get called twice if I press the enter key.

    $(“#Personal_Email”).keypress(function (e) {
    if (e.which == 13) { // if it is the enter key that is pressed
    // take action
    }
    });

  • Microsoft Edge Team

    Changed Assigned To from “Travis L.” to “Sanket J.”

    Changed Status to “Confirmed”

You need to sign in to your Microsoft account to add a comment.

Sign in