Menu icon Foundation
BUG: Foundation 6 reveal overlay not working in dist

Using the Foundation 6 ZURB template. When I run "foundation watch" the site works fine and the reveal modal has an overlay.

However when I run "npm run build", then open the html from the dist folder, the overlay is no longer showing.

I'm not sure what could be wrong, i'm getting no JS errors. Please help. Image attached.

Screen shot 2016 01 29 at 10.14.27 pm

foundation 6modalrevealoverlay

Using the Foundation 6 ZURB template. When I run "foundation watch" the site works fine and the reveal modal has an overlay.

However when I run "npm run build", then open the html from the dist folder, the overlay is no longer showing.

I'm not sure what could be wrong, i'm getting no JS errors. Please help. Image attached.

Screen shot 2016 01 29 at 10.14.27 pm
Kayd Withers over 3 years ago

I did a fresh install of the ZURB template and I can confirm that this also happens on a fresh install. "foundation watch" works fine, it's just the dist html file that does not display the overlay.

Any chance of getting it fixed?

Brian Tan over 3 years ago

Take a look in forum thread http://foundation.zurb.com/forum/posts/37985-problem-with-css-minify-on-f6-gulp to see if Rafi's answer solves your problem.