attentionAnimation is not working

[colinvella]

Using Bootstrap 3 (Note: BS3 patch not applied as it messes my modal layouts - it centres them on the left edge of the display rather than the centre so the left half of the modal is jutting out of the left side of the screen, and only the right half of the modal is visible)

Problem: The attention animation is not done when using a static modal and clicking outside the modal.

After much inspection through the bootstrap-modal code, the problem appears to be due to the call to animate() being wrapped in targetIsSelf(). The latter function prevents the animate() call from being called if the event's click target differs from the modal object passed to createContainer.

The modal object is: div.modal-scrollable The event target is: div#siteModal.modal.fade.modal-overflow.in

Note that "siteModal" above is simply the id of my particular modal. The div with the "modal-overflow" class seems to be a display-wide div inserted by bootstrap to create the background fade beneath the modal, so this corresponds to be area outside the modal that is clicked.

For some reason, targetIsSelf() is used to match this against the modal div itself and refuses to do the animation because of the mismatch.

Can anyone please assist?