Rapidly reopening a modal after close causes the background to duplicate

[randrews]

On this page, click "Launch demo modal", then run this JS in the console:

$("#myModal").modal("hide").modal("show")

The dialog should hide and show again, which it does, but the background overlay also turns completely black and opaque, which it shouldn't.

JsFiddle link: http://jsfiddle.net/fgVv3/12/

[rwilcox]

I believe this is a duplicate of Issue #3902

The last comment there is insightful: the hide and show operations are async, so when your show gets called you'll actually (probably) be in the middle of showing the dialog.

[randrews]

Yeah, I know what causes it, is there a workaround?

[andrewdeandrade]

Hey @randrews,

Thanks for opening this issue! Unfortunately, it looks like it fails to pass the criteria neccessary for submitting to bootstrap. The following things are currently failing:

• should include a jsfiddle/jsbin illustrating the problem if tagged with js but not a feature

For a full list of issue filing guidelines, please refer to the bootstrap issue filing guidelines.

thanks!

[randrews]

Here you go: http://jsfiddle.net/fgVv3/12/

[fat]

closing as a duplicate