CODEWITHSUNDEEP
javascriptangularjszurb-foundation
Organiccat
Organiccat

Reputation: 5651

Foundation for Apps, off canvas close on click off

I'm using Foundation for Apps, the angular version, and trying to use the off canvas menu. It works fine, opening and closing via setting links, but does not close when clicking off of it in the main content area like previous versions, and their example, do.

It's a really simple setup:

<zf-offcanvas id="menu" position="left">
<a zf-close="" class="close-button">×</a>

</zf-offcanvas>
<a zf-open="menu" class="button">Open Off-canvas</a>

And it should be done, but clicking anywhere on the main content (not the links) does not close the off canvas like their example docs:

http://foundation.zurb.com/apps/docs/#!/off-canvas

I'm looking for either a solution to this problem, or even a hacked out JS solution to close the window on clicking on "main" content.

Upvotes: 0

Views: 462

Answers (1)

micheletto
micheletto

Reputation: 26

You have to add the "zf-close-all" attribute to the body tag.

<body zf-close-all>

Upvotes: 1

Related Questions