<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><span class="vcard"><a class="email" href="mailto:arlo@arlomedia.com" title="arlo@arlomedia.com">arlo@arlomedia.com</a>
</span> changed
<a class="bz_bug_link
bz_status_NEW "
title="NEW - XMLHttpRequest doesn't work while submitting a form (useful for progress tracking)"
href="https://bugs.webkit.org/show_bug.cgi?id=23933">bug 23933</a>
<br>
<table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>What</th>
<th>Removed</th>
<th>Added</th>
</tr>
<tr>
<td style="text-align:right;">CC</td>
<td>
</td>
<td>arlo@arlomedia.com
</td>
</tr></table>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - XMLHttpRequest doesn't work while submitting a form (useful for progress tracking)"
href="https://bugs.webkit.org/show_bug.cgi?id=23933#c21">Comment # 21</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - XMLHttpRequest doesn't work while submitting a form (useful for progress tracking)"
href="https://bugs.webkit.org/show_bug.cgi?id=23933">bug 23933</a>
from <span class="vcard"><a class="email" href="mailto:arlo@arlomedia.com" title="arlo@arlomedia.com">arlo@arlomedia.com</a>
</span></b>
<pre>I used the iframe workaround on a project a few years ago, but when I tried to set up the same code in a new project today, I found that it no longer works in the current version of Safari. Changes in the iframe content when reloading it to update the progress, or any other changes made to element styles with JavaScript, no longer render after the form submission begins. The functionality still runs, but the page rendering doesn't update to reflect the changes. This is described further in a couple StackOverflow posts:
<a href="http://stackoverflow.com/questions/22043493/unable-to-make-style-changes-to-the-dom-after-form-submit-in-safari">http://stackoverflow.com/questions/22043493/unable-to-make-style-changes-to-the-dom-after-form-submit-in-safari</a>
<a href="http://stackoverflow.com/a/23772089/462162">http://stackoverflow.com/a/23772089/462162</a>
The other suggested workaround was to do the file upload with XMLHttpRequest instead of with a traditional form submission. It would be a pretty big job to rework all my forms, with a low cost/benefit ratio since they all work just fine now except for the inability to show an upload progress. Is there any hope at this point for allowing AJAX requests or style changes after a form is submitted?</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>