Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(733)

Side by Side Diff: ui/webui/resources/cr_elements/cr_dialog/cr_dialog.js

Issue 2795353002: WebUI: For cr-dialog, handle Enter keys in paper-inputs. (Closed)
Patch Set: update tests Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/test/data/webui/cr_elements/cr_dialog_test.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 // Copyright 2016 The Chromium Authors. All rights reserved. 1 // Copyright 2016 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 /** 5 /**
6 * @fileoverview 'cr-dialog' is a component for showing a modal dialog. If the 6 * @fileoverview 'cr-dialog' is a component for showing a modal dialog. If the
7 * dialog is closed via close(), a 'close' event is fired. If the dialog is 7 * dialog is closed via close(), a 'close' event is fired. If the dialog is
8 * canceled via cancel(), a 'cancel' event is fired followed by a 'close' event. 8 * canceled via cancel(), a 'cancel' event is fired followed by a 'close' event.
9 * Additionally clients can inspect the dialog's |returnValue| property inside 9 * Additionally clients can inspect the dialog's |returnValue| property inside
10 * the 'close' event listener to determine whether it was canceled or just 10 * the 'close' event listener to determine whether it was canceled or just
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after
106 /** @return {!PaperIconButtonElement} */ 106 /** @return {!PaperIconButtonElement} */
107 getCloseButton: function() { 107 getCloseButton: function() {
108 return this.$.close; 108 return this.$.close;
109 }, 109 },
110 110
111 /** 111 /**
112 * @param {!Event} e 112 * @param {!Event} e
113 * @private 113 * @private
114 */ 114 */
115 onKeypress_: function(e) { 115 onKeypress_: function(e) {
116 if (e.target != this) 116 if (e.key != 'Enter')
117 return; 117 return;
118 if (e.key != 'Enter') 118
119 // Accept Enter keys from either the dialog, or a child paper-input element.
120 if (e.target != this && e.target.tagName != 'PAPER-INPUT')
119 return; 121 return;
120 122
121 var actionButton = 123 var actionButton =
122 this.querySelector('.action-button:not([disabled]):not([hidden])'); 124 this.querySelector('.action-button:not([disabled]):not([hidden])');
123 if (actionButton) { 125 if (actionButton) {
124 actionButton.click(); 126 actionButton.click();
125 e.preventDefault(); 127 e.preventDefault();
126 } 128 }
127 }, 129 },
128 }); 130 });
OLDNEW
« no previous file with comments | « chrome/test/data/webui/cr_elements/cr_dialog_test.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698