Do you change the opacity of the form in the CSS? If do, then it will break the signature, please get rid of that CSS modification.

My form freezes when I click to edit a signature. I do have Google Address script running. Is there a way to find out what is interfering with it?

CSS

/*Displays two fields per line*/
.TwoPerLine{display: inline-block; width:50%;}
.TwoPerLine .cf-medium {width:100%;}
 
 /* Displays three fields per line */
.ThreePerLine {display: inline-block; width: 33%;}
.ThreePerLine .cf-medium {width:100%;}

 /* Displays three fields per line */
.FourPerLine {display: inline-block; width: 25%;}
.FourPerLine .cf-small {width:100%;}

input {font-size:18px;}
div {font-size:18px;}

#q9 .City {width: 75%;}
#q9 .State {width: 75%;}
#q9 .Postal {width: 30%;}
#q9 .Address1 {width: 14%;}
#q9 .Address2 {width: 88%;}

Java

$(document).ready (function (){
 
 
 $(".Country").parent().children().css('display', 'none');

  $(".Address1").siblings().text('Apt / Suite #');

  $(".Address2").siblings().text('Street Address');

  $(".State").siblings().text('Province');

  $(".Postal").siblings().text('Postal Code');

  $('#q3 input,#q65 input').focusout(function()
   {
  $( this ).val($( this ).val().toUpperCase());
     
    });
 
$.getScript("https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js");
   
$.cachedScript = function( url, options ) {
  options = $.extend( options || {}, {
    dataType: "script",
    cache: true,
    url: url
});
    return $.ajax( options );
};

var gUrl = "https://maps.googleapis.com/maps/api/js?key=AIzaSyCzh1oXKsU6bNwGQlIvoPrR_4TBKqJuQwg &libraries=places";
var gcUrl = "https://ubilabs.github.io/geocomplete/jquery.geocomplete.js";

 
$.cachedScript(gUrl).done(
  function(){
$.cachedScript(gcUrl).done(
  function( script, textStatus ) {

            $("#Field73").geocomplete
            ({ details: "form", detailsAttribute: "class" }).bind(
              "geocode:result",
              function(event, result){
               

                var ac = result.address_components;
                var c = {};
                $.each(ac, function(k,v1) {$.each(v1.types, function(k2, v2){c[v2]=v1.short_name});})
               
                var lo = c.locality;
                if(lo === undefined)
                  lo = c.postal_town;
                $("#Field9_DSG2").val(lo);
               
                var aal = c.administrative_area_level_1;
                if(aal === undefined)
                  aal = c.administrative_area_level_2;
                $("#Field9_DSG1").val($('#q73 input').val());
               
                $("#Field9_DSG3").val(aal);
               
                var pc = c.postal_code;
                if(c.postal_code_suffix != undefined)
                  pc += "-" + c.postal_code_suffix;
               
               
                $("#Field9_DSG4").val(pc);

      
                var addr = $("#Field9_DSG1").val().split(",");
                $("#Field9_DSG1").val(addr[0]);
               
})
})             

 
$.getScript('https://edocs.camrose.ca/Forms/js/jquery.mask.min.js', function () {
 
  $(".phone input").mask("(999) 999-9999");
});
});
});