There seems to be an issue with using the Foundation modal Reveal with image map areas.

It seems to be possible if you use
https://cdn.jsdelivr.net/foundation/5.5 … dation.css
http://cdnjs.cloudflare.com/ajax/libs/j … ery.min.js
http://cdn.foundation5.zurb.com/foundation.js

But the CoffeeCup Reveal Component does not seem to work with image map areas, unless I am doing something wrong.
I would prefer not to use the above external scripts, because as you know mixing versions of things causes things to go wonky, which the above does. It seems to be mostly in the css, so I am going to work with that a bit to identify the missing functionality. But is there an easier way to make CoffeeCup do this with the supplied Reveal Component?

example:
<img src="GDFlowChart1600.png" usemap="#gdflowchart1600" border=0>
<map name="gdflowchart1600">
<area shape="rect" coords="21,21,265,154" href="" data-reveal-id="Modal1" alt="" title="">
<area shape="rect" coords="297,20,538,155" href="" alt="" title="">
<area shape="rect" coords="295,157,538,290" href="" alt="" title="">
<area shape="rect" coords="298,293,536,427" href="" alt="" title="">
<area shape="rect" coords="22,477,267,612" href="" alt="" title="">
</map>

Thank you!

I actually got this partially working, using data-open instead of data-reveal-id.
Now the modal flashes open and then closes immediately.

The same modal works fine from a link.
Strange...

This is working fine now. Adding the # to the href works.