From: SassNinja <kai.falkowski@gmail.com>
Date: Wed, 17 May 2017 12:32:05 +0000 (+0200)
Subject: Fix nested off-canvas position issue in IE
X-Git-Tag: v6.4.0-rc5~9^2~22
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=7755f6ee1238440be3bfda18d0fa8da7b8e2c65d;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix nested off-canvas position issue in IE

Since position fixed doesn't work for nested off-canvas elements, it has to be position absolute. Surprisingly (not) the IE doesn't show an opened off-canvas element unless absolute is explicitly set.
---

diff --git a/scss/components/_off-canvas.scss b/scss/components/_off-canvas.scss
index 6390aa4a9..8ef5d004c 100644
--- a/scss/components/_off-canvas.scss
+++ b/scss/components/_off-canvas.scss
@@ -380,6 +380,12 @@ $content: $maincontent-class
   // Off-canvas container
   .off-canvas {
     @include off-canvas-base;
+
+    // Force position absolute for nested off-canvas because fixed doesn't work in this case (and gets emulated by JS anyway).
+    // This is important for the IE which doesn't show an opened push off-canvas element otherwise!
+    @at-root .#{$maincontent-class} & {
+      position: absolute;
+    }
   }
 
   // Off-canvas container with absolute position