Auto-preview breaks TicketExt plugin, possibily others

[Chris.Nelson@…]

When auto-preview kicks in and new ticket content is returned via XHR, trac/ticket/templates/ticket.html uses jQuery's .replaceWith() function to update the page. This has the effect of dropping all the display: none added to the page on initial load by TicketExt.

One solution is to pass pass the XHR response through the same filters as the initial page load so the same manipulation (e.g., setting display attributes) can be applied.

Another is to change contents rather than replace the entire DOM subtree. This can be done with:

trac/ticket/templates/ticket.html

@@ -79 +79 @@
         $("#propertyform").autoSubmit({preview: '1'}, function(data, reply) {
           var items = $(reply);
           // Update ticket box
-          $("#ticket").replaceWith(items.filter('#ticket'));
+          var newProps = $('table.properties td', items);
+          $('#ticket table.properties td').each(function(i) {
+            $(this).html(newProps.eq(i).html());
+          });
+          var newDescription = $('div.description div.searchable', items);
+          $('#ticket div.description div.searchable').html(newDescription.html(
+          if (items.hasClass('ticketdraft'))
+            $('#ticket').addClass('ticketdraft');
           // Unthread, unrevert and update changelog
           if (!$('#trac-comments-oldest').checked())
             $('#trac-comments-oldest').click().change();

though this is likely a partial fix.

(This has also been discussed at ​Trac-Hacks.)