Modal Sometimes Does Not Appear after Multiple Displays in Safari

[jayhaase]

Displaying, hiding, and displaying the same modal multiple times will sometimes fail, leaving the modal backdrop fade in place and no modal displayed.

This has been reproduced in Safari.

Steps to reproduce:

1. Go to this page: http://getbootstrap.com/javascript/#modals
2. Click on the "Launch modal demo" button 10-20 times.
3. You have reproduced this error is the dialog does not appear at least once.

[cvrebert]

I can't seem to reproduce on OS X 10.9.4 with either Chrome or Safari v7.0.5.

Can you confirm that you're using Safari v7.0.5?
Perhaps you could make a screencast demonstrating the problem?

[jayhaase]

I am using Safari Version 7.0.5 (9537.77.4) on OSX Version 10.9.4 build 13E28.

[cvrebert]

@jayhaase Okay, any chance of a screencast then?

CC: @hnrch02 Maybe you'll have better luck than me in reproducing the problem?

[jayhaase]

What is the best way to make a screencast?

[jayhaase]

Here is a video I recorded showing the absence of the modal during a series of clicks: https://www.dropbox.com/s/f06r7qgyv71l7yf/Modal%20Not%20Appearing%20-%20Small.mov

[cvrebert]

Do you have any Safari extensions installed, by chance? If yes, have you tried disabling them?

[jayhaase]

I disabled all my extensions, restarted Safari, and tried again. The same thing happened, the modal did not appear after 6 or so attempts.

[cvrebert]

Does the problem happen on http://jsfiddle.net/cvrhulu/upzHa/2/show/ too? If yes, please paste the log from the JS console from a session where the problem occurs.

[jayhaase]

It happened on the third click:

[Log] click (show, line 31)
Object

[Log] show (show, line 31)
Object

[Log] shown (show, line 31)
Object

[Log] hide (show, line 31)
Object

[Log] hidden (show, line 31)
Object

[Log] click (show, line 31)
Object

[Log] show (show, line 31)
Object

[Log] shown (show, line 31)
Object

[Log] hide (show, line 31)
Object

[Log] hidden (show, line 31)
Object

[Log] click (show, line 31)
Object

[Log] show (show, line 31)
Object

[Log] shown (show, line 31)
Object

[Log] hide (show, line 31)
Object

[Log] hidden (show, line 31)
Object

On Jul 27, 2014, at 10:09 PM, Chris Rebert notifications@github.com wrote:

Does the problem happen on http://jsfiddle.net/cvrhulu/upzHa/2/show/ too? If yes, please paste the log from the JS console from a session where the problem occurs.

—
Reply to this email directly or view it on GitHub.

[jayhaase]

Here is the log of the last shown object that did not appear.

[Log] shown (show, line 31)
Object
currentTarget: #document
data: undefined
delegateTarget: #document
handleObj: Object
isTrigger: 3
jQuery111002800419663544744: true
namespace: "bs.modal"
namespace_re: /(^|.)bs.(?:.*.|)modal(.|$)/
relatedTarget: button#launcher.btn btn-primary btn-lg
result: undefined
target: div#myModal.modal fade in
timeStamp: 1406517114347
type: "shown"
proto: Object

On Jul 27, 2014, at 10:09 PM, Chris Rebert notifications@github.com wrote:

Does the problem happen on http://jsfiddle.net/cvrhulu/upzHa/2/show/ too? If yes, please paste the log from the JS console from a session where the problem occurs.

—
Reply to this email directly or view it on GitHub.

[hnrch02]

I was able to reproduce this. Very easily, actually.

[hnrch02]

This seems like a browser bug. All classes are added properly and if I get a case where the modal isn't showing, disabling all the -webkit-transforms shows it. Also, I can interact with all the modal body's content while the modal is seemingly hidden. This includes toggling tooltips and popovers. (I can even see the tooltips and popovers if I set their container option to body.)

[ghost]

reproduced in Safari 7.0.6.

[hnrch02]

@mdo @cvrebert Close this as a can't fix?

[mdo]

Perhaps it's some transitions not finishing stuff? I dunno. If you can't find a fix or aren't able to reproduce now or in another browser, I'm fine punting.

[hnrch02]

If I had a fix I would've posted it. Can't reproduce anywhere else than Safari. I'll just assign the "help wanted" label in case anyone wants to inspect this further.

[hnrch02]

@jayhaase Could you try to reproduce using Safari 7.1? I'm no longer able to.

[jayclockwork]

I'm not ready to install Safari 7.1 yet. I will try as soon as it comes out officially.

[cvrebert]

@jayclockwork It is officially out now.

[jayclockwork]

I am unable to recreate the bug using 7.1. It seems to be fixed in 7.1.

[buttre]

I create two model , but the second model can't show in Browser , how to make the second model show in my browser?

[laopao]

摸态框中内容怎么不能点击呢

[zaxh]

移动端页面中使用bootstrap modal 创建了两个模态框，苹果手机中第二个显示是被遮罩层盖住的，为什么？怎么解决？