Multiple modal messed up backdrop

[maxisam]

I ran into an issue if you have multiple modal, the backdrop somehow will be messed up.

Since the var backdropEl;is shared across the directives, only one backdrop element will be inserted to body.

Therefore if you open a second modal before closing the first one and close it, the screen will have no backdrop when the first modal remains open.

I think there are two ways to fix this.

1. Movevar backdrop into link function, so every modal has its own backdrop.
2. Having a counter across the directives for keeping track how many modal is opened.

And elm.parent().append(backdropEl); instead of body.append(backdropEl);
in case the modal is inside of a template, when you load template, the a new backdrop will be appended to body.

[pkozlowski-opensource]

Thnx for catching this! If you feel like sending a pull request this would be of tremendous help!

[maxisam]

I just did. It is my first time to do this kinda stuff. I hope I didn't do it wrong.

[pkozlowski-opensource]

I don't know, we should be probably stacking up modals if multiple of them are open. But while doing so we should refactor both the modal directive and the $dialog service to have the logic dealing with backdrops in one place.

[pkozlowski-opensource]

Fix for this landed in ec796ec