Make sure templates with fade class are hidden before the transition is applied. Closes blueimp#2654

blueimp · blueimp · commit f6b19252f6f8 · 2013-10-11T15:16:55.000-05:00
diff --git a/jquery-ui.html b/jquery-ui.html
@@ -1,7 +1,7 @@
 <!DOCTYPE HTML>
 <!--
 /*
- * jQuery File Upload Plugin jQuery UI Demo 8.7.1
+ * jQuery File Upload Plugin jQuery UI Demo 8.7.2
  * https://github.com/blueimp/jQuery-File-Upload
  *
  * Copyright 2013, Sebastian Tschan
@@ -147,7 +147,7 @@ <h3 class="title"></h3>
 <!-- The template to display files available for upload -->
 <script id="template-upload" type="text/x-tmpl">
 {% for (var i=0, file; file=o.files[i]; i++) { %}
-    <tr class="template-upload fade" style="display:none">
+    <tr class="template-upload fade">
         <td>
             <span class="preview"></span>
         </td>
@@ -160,7 +160,7 @@ <h3 class="title"></h3>
         <td>
             <p class="size">{%=o.formatFileSize(file.size)%}</p>
             {% if (!o.files.error) { %}
-                <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"></div>
+                <div class="progress"></div>
             {% } %}
         </td>
         <td>
@@ -177,7 +177,7 @@ <h3 class="title"></h3>
 <!-- The template to display files available for download -->
 <script id="template-download" type="text/x-tmpl">
 {% for (var i=0, file; file=o.files[i]; i++) { %}
-    <tr class="template-download fade" style="display:none">
+    <tr class="template-download fade">
         <td>
             <span class="preview">
                 {% if (file.thumbnailUrl) { %}
diff --git a/js/jquery.fileupload-jquery-ui.js b/js/jquery.fileupload-jquery-ui.js
@@ -66,6 +66,9 @@
                 icons: {primary: 'ui-icon-cancel'},
                 text: showIconText
             });
+            if (node.hasClass('fade')) {
+                node.hide();
+            }
             return node;
         },
 
@@ -76,6 +79,9 @@
                 icons: {primary: 'ui-icon-trash'},
                 text: showIconText
             });
+            if (node.hasClass('fade')) {
+                node.hide();
+            }
             return node;
         },
 
