Auto merge of #12365 - simartin:issue_12071, r=KiChjang

Issue #12071: Don't submit forms when typing Tab on an input.

<!-- Please describe your changes on the following line: -->
Fixes https://github.com/servo/servo/issues/12071
---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: -->
- [X] `./mach build -d` does not report any errors
- [X] `./mach test-tidy` does not report any errors
- [X] These changes fix #12071

<!-- Either: -->
- [X] There are tests for these changes

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/12365)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2016-07-12 16:27:36 -07:00 committed by GitHub
commit 3c3c32f95e
3 changed files with 46 additions and 4 deletions

View file

@ -33,6 +33,7 @@ use dom::validation::Validatable;
use dom::virtualmethods::VirtualMethods; use dom::virtualmethods::VirtualMethods;
use ipc_channel::ipc::{self, IpcSender}; use ipc_channel::ipc::{self, IpcSender};
use mime_guess; use mime_guess;
use msg::constellation_msg::Key;
use net_traits::IpcSend; use net_traits::IpcSend;
use net_traits::filemanager_thread::{FileManagerThreadMsg, FilterPattern}; use net_traits::filemanager_thread::{FileManagerThreadMsg, FilterPattern};
use script_traits::ScriptMsg as ConstellationMsg; use script_traits::ScriptMsg as ConstellationMsg;
@ -1046,10 +1047,18 @@ impl VirtualMethods for HTMLInputElement {
let action = self.textinput.borrow_mut().handle_keydown(keyevent); let action = self.textinput.borrow_mut().handle_keydown(keyevent);
match action { match action {
TriggerDefaultAction => { TriggerDefaultAction => {
if let Some(key) = keyevent.get_key() {
match key {
Key::Enter | Key::KpEnter =>
self.implicit_submission(keyevent.CtrlKey(), self.implicit_submission(keyevent.CtrlKey(),
keyevent.ShiftKey(), keyevent.ShiftKey(),
keyevent.AltKey(), keyevent.AltKey(),
keyevent.MetaKey()); keyevent.MetaKey()),
// Issue #12071: Tab should not submit forms
// TODO(3982): Implement form keyboard navigation
_ => (),
}
};
}, },
DispatchInput => { DispatchInput => {
self.value_changed.set(true); self.value_changed.set(true);

View file

@ -6504,6 +6504,12 @@
"url": "/_mozilla/mozilla/form_submit_about.html" "url": "/_mozilla/mozilla/form_submit_about.html"
} }
], ],
"mozilla/form_tab_keyevent.html": [
{
"path": "mozilla/form_tab_keyevent.html",
"url": "/_mozilla/mozilla/form_tab_keyevent.html"
}
],
"mozilla/getBoundingClientRect.html": [ "mozilla/getBoundingClientRect.html": [
{ {
"path": "mozilla/getBoundingClientRect.html", "path": "mozilla/getBoundingClientRect.html",

View file

@ -0,0 +1,27 @@
<!doctype html>
<meta charset="utf-8">
<html>
<body>
<title>Test for issue #12071</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<form name="f" id="f">
<input type="text" name="input1" id="input1"/>
<input type="submit" value="Submit"/>
</form>
<script>
var test = async_test("TabShouldNotSubmit");
var form = document.getElementById('f');
var form_submitted = false;
form.onsubmit = function(e) { form_submitted = true; return false; };
document.addEventListener("DOMContentLoaded", function() {
test.step(function() {
var input = document.getElementById('input1');
var evt = new KeyboardEvent("keydown", {key : "Tab"});
input.dispatchEvent(evt);
});
});
test.step_timeout(function() { assert_false(form_submitted, "Form should not be submitted"); test.done(); }, 500);
</script>
</body>
</html>