diff --git a/awx/ui/client/lib/components/code-mirror/modal/code-mirror-modal.directive.js b/awx/ui/client/lib/components/code-mirror/modal/code-mirror-modal.directive.js
index 916ed5b9d3..a4051084b0 100644
--- a/awx/ui/client/lib/components/code-mirror/modal/code-mirror-modal.directive.js
+++ b/awx/ui/client/lib/components/code-mirror/modal/code-mirror-modal.directive.js
@@ -28,6 +28,13 @@ function atCodeMirrorModalController (
         setTimeout(resize, 0);
     }
 
+    $scope.close = () => {
+        $scope.closeFn({
+            values: $scope.modalVars,
+            parseType: $scope.modalParseType,
+        });
+    };
+
     function init () {
         if ($scope.disabled === 'true') {
             $scope.disabled = true;
@@ -43,7 +50,7 @@ function atCodeMirrorModalController (
             readOnly: $scope.disabled
         });
         resize();
-        $(CodeMirrorModalID).on('hidden.bs.modal', $scope.closeFn);
+        $(CodeMirrorModalID).on('hidden.bs.modal', $scope.close);
         $(`${CodeMirrorModalID} .modal-dialog`).resizable({
             minHeight: 523,
             minWidth: 600
@@ -53,12 +60,6 @@ function atCodeMirrorModalController (
 
     vm.strings = strings;
     vm.toggle = toggle;
-    $scope.close = () => {
-        $scope.closeFn({
-            values: $scope.modalVars,
-            parseType: $scope.modalParseType,
-        });
-    };
     if ($scope.init) {
         $scope.init = init;
     }