Summary

For Thread 1, user has selected radio button A from a Category and radio button B from a SubCategory. Simultaneously, the user opens Thread 2 (new) and submits a new Case.
While Thread 2 is submitted and refreshed, the user returns to Thread 1 and opens the radio selection in a modal dialog. On selecting Radio Button X from the Category, the SubCategory options do not change and the user submits the new selection (stale data is saved).

Error Messages

Not Applicable

Steps to Reproduce

1. Create radio button options in a section.
2. Save the sections in a flow.
3. Execute the two flows simultaneously and select the radio buttons.

Root Cause

 The radio buttons were clicked quickly. Therefore, the Click events were not captured.

Resolution

Perform the following local-change:

Add below code in Userworkform for the BusyIndicator.

      (function($) {
        $.fn.overlayMask = function(action) {
          var mask = this.find(".overlay-mask");

          // Create the required mask

          if (!mask.length) {
            this.css({
              position: "relative"
            });
            mask = $(
              '<div class="overlay-mask"><div class="lds-grid"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></div>'
            );
            mask
              .css({
                position: "absolute",
             //   background: "transp",
                width: "100%",
                height: "100%",
                top: "0px",
                left: "0px",
                zIndex: 100
              })
              .appendTo(this);
          }

          // Act based on params

          if (!action || action === "show") {
            mask.show();
          } else if (action === "hide") {
            mask.hide();
          }

          return this;
        };
      })(jQuery);
  
function BusyGo(ev){
 // debugger;
 // console.log("AEV:",ev);
  $(ev.target.closest("#modalContent")).overlayMask();
  window.maskElem=ev.target.closest("#modalContent");
}

function BusyStop(){
 // $(window.maskElem).overlayMask("hide")
  if(window.maskElem){
   $(window.maskElem).overlayMask("hide");
    window.maskElem=null;
  }
}