Modal - Event bubbling on children breaks modal transition

Created by: ghost

Similar problem to: https://github.com/twbs/bootstrap/issues/13157

A really super minor issue. I'm not sure if this is intended behaviour but if you focus a child element that has transition out then click the modal backdrop (or anywhere outside of the modal) to close it, the transition on the modal is instantaneous. It seems to be a similar issue as I found previously with the collapse plugin (referenced above). I tried for a few hours to work on a fix but figured it's probably better to log it here. I done a quick and dirty by removing any transitions from inputs inside the modal but obviously it'd be better if the event bubbling was handled in the JavaScript.

You can see what I mean on the demo: http://getbootstrap.com/javascript/#modals

Click the "Launch demo modal" and tab through until you're focused on one of the links with the tooltip. Then click the modal backdrop. The strange thing is, if you click the backdrop quickly (short time between mouse down and up) the transition fails but if you click and hold then release it transitions correctly. Presumably this is because the focus shifts before the event is fired.