Autopreview triggers without a form change

[Ryan J Ollos]

To reproduce:

• Navigate to New Ticket. The Summary field will have focus.
• Open a select box or put the focus on another element. Autopreview will trigger.

Screen Recording 2020-05-16 at 15.25.51 480p.mov​

The problem is due to two changes:

• In r13452 the workflow controls were added to the new ticket page. We added the create and assign action, which includes a select box for assigning the owner.
• In r13707 the ticket_workflow template was added and the associated JavaScript was moved into this template. !The JavaScript disables workflow inputs associated with actions that are not selected, such as the create and assign assign-to field. Since jQuery ready handlers executed in the order they are added, this JavaScript executes after autoSubmit initializes.

With the default workflow, create action will be selected when loading the New Ticket page.

The autoSubmit will initialize and collect a list of all inputs which will includes the #action_create_and_assign_reassign_owner select. After that happens, the #action_create_and_assign_reassign_owner select will be disabled.

Any of the events input cut paste keydown keypress change blur will trigger the autopreview, because the new array of form elements will be one-less in length than that which was originally stored (the one-less is the absence of the #action_create_and_assign_reassign_owner element.

I tried to solve this in several ways by executing the JavaScript in ticket_workflow.html immediately after the elements are created rather than adding a document ready handler. This results in a flicker in which the element is shown for milliseconds without being disabled. So I tried hiding the entire form element until the JavaScript is executed. It's a bit messy.

Or we could move the script block in ticket.html to the end of the page.

It looks like we can just initialize values on the first trigger, because we trigger on element losing focus (blur) as well as keydown, and values gets initialized before any elements of the form are changed.

trac/htdocs/js/auto_preview.js

@@ -28 +28 @@
     var timer = null;
     var updating = false;
     var queued = false;
+    var values = null;
 
     // Return true iff the values have changed
     function values_changed(new_values) {
@@ -81 +82 @@
 
     // Trigger a request after the given timeout
     function trigger() {
+      if (values === null)
+        values = form.serializeArray();
       if (!updating) {
         if (timer)
           clearTimeout(timer);
@@ -91 +94 @@
       return true;
     }
 
-    var values = form.serializeArray();
     // See #11510
     return inputs.bind('input cut paste keydown keypress change blur',
                        trigger);