Search and Top Navigation
#9312 closed bug (fixed)
Opened May 17, 2013 12:17PM UTC
Closed May 23, 2013 11:57PM UTC
Last modified November 26, 2013 03:35PM UTC
Dialog: closes on enter in textbox in IE
Reported by: | wibber | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | 1.10.4 |
Component: | ui.dialog | Version: | 1.10.3 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
When I open a jQuery UI Dialog widget and the content in the dialog contains a textbox the dialog automatically closes when I press enter. This seems to happen only when using IE9 or IE10. I do not want the dialog the close when I press enter in the textbox.
I have the following HTML:
<!DOCTYPE html> <html> <head> <title>Testpage</title> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#myDialog').dialog(); }); </script> </head> <body> <div id="myDialog"> Some text <input type="text"></input> </div> </body> </html>
Attachments (0)
Change History (7)
Changed May 17, 2013 01:42PM UTC by comment:1
status: | new → open |
---|---|
summary: | jQuery UI dialog closes on enter → Dialog: closes on enter in textbox in IE |
Changed May 23, 2013 01:52AM UTC by comment:2
IE has some very odd logic that will "click" <button> elements with enter is pressed in textboxes that are NOT within <form>s. Example: http://jsfiddle.net/tj_vantoll/QuEZE/
The fix is to explicitly indicate that the <button> is not a submit button by specifying type="button".
Pull request: https://github.com/jquery/jquery-ui/pull/995
Changed May 23, 2013 11:57PM UTC by comment:3
resolution: | → fixed |
---|---|
status: | open → closed |
Dialog: Add type="button" to the close button. Fixed #9312: Dialog: closes on enter in textbox in IE.
Changeset: c19e7b3496d14b40e71ba892213889fc8cc81d4f
Changed May 23, 2013 11:58PM UTC by comment:4
milestone: | none → 1.11.0 |
---|
Changed November 26, 2013 03:34PM UTC by comment:6
Dialog: Add type="button" to the close button. Fixed #9312: Dialog: closes on enter in textbox in IE.
(cherry picked from commit c19e7b3496d14b40e71ba892213889fc8cc81d4f)
Changeset: 26238369bb113b487959322595e4814b441e5453
Changed November 26, 2013 03:35PM UTC by comment:7
milestone: | 1.11.0 → 1.10.4 |
---|
Confirmed: http://jsfiddle.net/tj_vantoll/XaSNg/.