From: Alexander Martin <alamowo@gmail.com>
Date: Wed, 26 Jan 2022 17:43:23 +0000 (+0100)
Subject: Fix options name for "In-Canvas to Off-Canvas" code example
X-Git-Tag: v6.7.5^2~14^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F12376%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix options name for "In-Canvas to Off-Canvas" code example

The corresponding code example said "inCanvasFor:large;", which leads to a false object property when executed.

The correct property name in foundation.offcanvas.js line ~151 is `this.options.inCanvasOn`
---

diff --git a/docs/pages/off-canvas.md b/docs/pages/off-canvas.md
index 00a91fab7..9a749efa5 100644
--- a/docs/pages/off-canvas.md
+++ b/docs/pages/off-canvas.md
@@ -360,7 +360,7 @@ With this feature you can have a standard page element move off-canvas at a part
 <button type="button" class="button hide-for-large" data-toggle="inCanvasExample">
   Open in-canvas that is off-canvas now
 </button>
-<div class="off-canvas position-right" id="inCanvasExample" data-off-canvas data-options="inCanvasFor:large;">
+<div class="off-canvas position-right" id="inCanvasExample" data-off-canvas data-options="inCanvasOn:large;">
   <div class="callout">I'm in-canvas for medium screen size and move off-canvas for medium down.</div>
 </div>
 ```