<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Form submit event has a long delay before triggering when many controls on the page"
href="https://bugs.webkit.org/show_bug.cgi?id=153002">153002</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Form submit event has a long delay before triggering when many controls on the page
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Nightly Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>Mac OS X 10.11
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Forms
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>jgaskins+webkit@gmail.com
</td>
</tr></table>
<p>
<div>
<pre>A form's submit handler takes a long time to trigger when there are a lot of inputs on the page, even when they are not contained within that form.
Here is an example: <a href="http://jsbin.com/hasulikiqe/2/edit?html,js,console,output">http://jsbin.com/hasulikiqe/2/edit?html,js,console,output</a>
It's a dummy todo-list app. With the JavaScript console open, you can see that it a second or so to trigger the submit handler (which just prints a message to the console) after entering text into the input field and pressing enter, even though none of the checkboxes are part of that form.
When we remove the checkboxes, the delay is gone: <a href="http://jsbin.com/rogipubexe/2/edit?html,js,console,output">http://jsbin.com/rogipubexe/2/edit?html,js,console,output</a></pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>