Nice work. One problem I encounter: the library detects that my browser (Chrome) supports CSS3 transitions/animations, but the cleanup logic does not seem to get triggered. This causes notifications to stay visible. Manually calling hide does not work either.

Not sure why this happens, because the examples on the project site seem to work.

My app uses the following libraries:

• JQuery 1.9.1
• Ember 1.0-RC
• iOS-Overlay

Anyway my fork shows a workaround that falls back to jQuery animations if jQuery is available. This fixes the problem for me, but I'm not sure if this is a good general solution, hence no pull request.

Using jQuery 1.9.1: the callbacks for the fadeIn for fadeOut animations are not being triggered.

I'm trying to use it on a Website that opens a lightbox with a form. Adding a zindex option would give the option to set the position of the overlay, as on the default position it stands behind the lightbox.

How do I download it or get to it's fork!

If there is no introduction of jQuery, IE browser layout can't hide away, suggested in 122 lines of code to add overlayDOM.style["display"] = "none";

The error is that the "authors" list element "Tait Brown <>" has a trailing comma, should be a quick fix.

The overlay only sits on top of things without a z-index, it hasn't been hard coded to a high value. This causes issues with conflicting z-index properties like modals and anything with a position: relative;.

Hi there,
I really like iOS-Overlay and I already integrated it to my project and works like a charm. Nevertheless, since the spinner is displayed when a form is submitted, it would be great if the spinner can be loaded as a modal so all the other UI controls can be locked. Also, this could be configurable in the 'opts' variable.

Thanks so much for this great tool !

They're hash links!