fixes #7697, issue where multiple off-canvi on a single page, if one had an exiter...

diff --git a/js/foundation.offcanvas.js b/js/foundation.offcanvas.js
index d25adea45c30b3606d30c377d0b3f02c7f0aef1f..43cf091eb4ea7fd5b710d18ea30ed9c01b6994f9 100644 (file)
--- a/js/foundation.offcanvas.js
+++ b/js/foundation.offcanvas.js
@@ -234,7 +234,9 @@ OffCanvas.prototype.open = function(event, trigger) {
   this.$element.attr('aria-hidden', 'false')
       .trigger('opened.zf.offcanvas');
 
-
+  if(this.options.closeOnClick){
+    this.$exiter.addClass('is-visible');
+  }
   if(trigger){
     this.$lastTrigger = trigger.attr('aria-expanded', 'true');
   }
@@ -317,6 +319,9 @@ OffCanvas.prototype.close = function(cb) {
   //     $(window).off('scroll.zf.offcanvas');
   //   }, this.options.transitionTime);
   // }
+  if(this.options.closeOnClick){
+    this.$exiter.removeClass('is-visible');
+  }
 
   this.$lastTrigger.attr('aria-expanded', 'false');
   if(this.options.trapFocus){

diff --git a/scss/components/_off-canvas.scss b/scss/components/_off-canvas.scss
index bc379684024a74ebc521e32a320e20f3d23765f8..04410659a3b8b0c396d145d733b6a0f551a79cae 100644 (file)
--- a/scss/components/_off-canvas.scss
+++ b/scss/components/_off-canvas.scss
@@ -88,10 +88,6 @@ $maincontent-shadow: 0 0 10px rgba($black, 0.5) !default;
     background: $offcanvas-exit-background;
     cursor: pointer;
     transition: background $offcanvas-transition-length $offcanvas-transition-timing;
-
-    .is-off-canvas-open & {
-      display: block;
-    }
   }
 }