diff --git a/core/modules/outside_in/js/off-canvas.es6.js b/core/modules/outside_in/js/off-canvas.es6.js
index 9d8e2c7105..50fabecbb3 100644
--- a/core/modules/outside_in/js/off-canvas.es6.js
+++ b/core/modules/outside_in/js/off-canvas.es6.js
@@ -138,15 +138,15 @@
       $('.ui-dialog-off-canvas, .ui-dialog-off-canvas .ui-dialog-titlebar').toggleClass('ui-dialog-empty-title', !settings.title);
 
       $element
-          .on('dialogresize.off-canvas', eventData, debounce(bodyPadding, 100))
-          .on('dialogContentResize.off-canvas', eventData, handleDialogResize)
-          .on('dialogContentResize.off-canvas', eventData, debounce(bodyPadding, 100))
+          .on('dialogresize.off-canvas', eventData, debounce(this.bodyPadding, 100))
+          .on('dialogContentResize.off-canvas', eventData, this.handleDialogResize)
+          .on('dialogContentResize.off-canvas', eventData, debounce(this.bodyPadding, 100))
           .trigger('dialogresize.off-canvas');
 
       this.getContainer($element).attr('data-offset-' + this.getEdge(), '');
 
       $(window)
-          .on('resize.off-canvas scroll.off-canvas', eventData, debounce(resetSize, 100))
+          .on('resize.off-canvas scroll.off-canvas', eventData, debounce(this.resetSize, 100))
           .trigger('resize.off-canvas');
     },
     handleDialogResize: handleDialogResize,
diff --git a/core/modules/outside_in/js/off-canvas.js b/core/modules/outside_in/js/off-canvas.js
index 1584edbbc9..d442b9c806 100644
--- a/core/modules/outside_in/js/off-canvas.js
+++ b/core/modules/outside_in/js/off-canvas.js
@@ -99,11 +99,11 @@
       var eventData = { settings: settings, $element: $element, offCanvasDialog: this };
       $('.ui-dialog-off-canvas, .ui-dialog-off-canvas .ui-dialog-titlebar').toggleClass('ui-dialog-empty-title', !settings.title);
 
-      $element.on('dialogresize.off-canvas', eventData, debounce(bodyPadding, 100)).on('dialogContentResize.off-canvas', eventData, handleDialogResize).on('dialogContentResize.off-canvas', eventData, debounce(bodyPadding, 100)).trigger('dialogresize.off-canvas');
+      $element.on('dialogresize.off-canvas', eventData, debounce(this.bodyPadding, 100)).on('dialogContentResize.off-canvas', eventData, this.handleDialogResize).on('dialogContentResize.off-canvas', eventData, debounce(this.bodyPadding, 100)).trigger('dialogresize.off-canvas');
 
       this.getContainer($element).attr('data-offset-' + this.getEdge(), '');
 
-      $(window).on('resize.off-canvas scroll.off-canvas', eventData, debounce(resetSize, 100)).trigger('resize.off-canvas');
+      $(window).on('resize.off-canvas scroll.off-canvas', eventData, debounce(this.resetSize, 100)).trigger('resize.off-canvas');
     },
     handleDialogResize: handleDialogResize,
     resetSize: resetSize,