Menu icon Foundation
Reveal does not work with a span on Ipad

I have picked up a bug that only happens on Ipad Safari (Iphone seems to work correctly).

If you add Reveal to a <span> or any other in-line element, the Reveal does not trigger when viewing it on an Ipad.

If I change to <button> element then it triggers correctly.

To fix the inline issue - add to your button element a class of:

display: contents !important;

revealipad

I have picked up a bug that only happens on Ipad Safari (Iphone seems to work correctly).

If you add Reveal to a <span> or any other in-line element, the Reveal does not trigger when viewing it on an Ipad.

If I change to <button> element then it triggers correctly.

To fix the inline issue - add to your button element a class of:

display: contents !important;