StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Update: v5.0.3 has been released, which resolves this issue. Be sure to update your <code>foundation-rails</code> gem accordingly.</p> <p>This was a bug that was resolved in <a href="https://github.com/seantimm/foundation/commit/d98a7d540ee764e79d2dbadc0e2617964207a53c">a commit</a> that was <a href="https://github.com/zurb/foundation/commit/12ad42f8a5c6566df009096d6b6158b3df4e0b9d">merged into v5.0.3</a>. This fix simply wraps an embedded library, <code>FastClick</code>, in jQuery's <a href="http://api.jquery.com/ready/"><code>#ready()</code></a>. You can solve this by including that version manually until v5.0.3 is released.</p> <p>By moving the scripts to the bottom of the page, you're giving up <a href="https://github.com/rails/turbolinks/">Rails Turbolinks</a>. Turbolinks requires that JavaScript is included in the <code><head /></code> since it wipes the <code><body /></code> with each request.</p> <p><strong>What's Going On</strong></p> <p>Foundation no longer waits for the DOM to load and instead executes immediately. For increased mobile performance, Foundation 5 embeds <a href="https://github.com/ftlabs/fastclick"><code>FastClick</code></a>, a polyfill which removes click delays on browsers with touch UIs. Upon execution, Foundation immediately tries to attach <code>FastClick</code> to the <code>document.body</code>. If Foundation is initialized in the <code><head /></code>, the body has yet to exist: <code>document.body</code> will reasonably return <code>null</code> causing <a href="https://github.com/ftlabs/fastclick/blob/5ff301160d38eb834bd1d0e2240495d273d68183/lib/fastclick.js#L88-L90"><code>FastClick</code> to crap its pants</a>.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload