[Solved] Modal slide-in-up animation only working intermittently

I have a modal which is created, shown, hidden and destroyed exactly as per the docs. The problem is that the modal slide-in-up animation when the modal is shown only works properly about 1 in 20 times. The reverse animation when the modal is hidden works every time. This problem also only appears in one section of my app, all other modals work fine. Is there some way that I can debug this?

I fixed this by wrapping my modal show in a setTimeout like so:

$scope.openScoreCardModal = function () {
    setTimeout(function() {
    }, 25);