Bootstrap模態在模態內點擊消失

Question

我有一個帶有兩個Bootstrap（v3.3.6）模態的頁面，但一次只能打開一個。它們都用簡單的文本字段和選擇封裝表單。其中一個開放得很好，並按預期結束。另一個可以打開，但只要點擊模式內部即可關閉（即，我點擊文本輸入字段）。但是，如果我選中某個文本字段並鍵入它，它就會保持打開狀態。我檢查以下內容：

• 不是由於頁面上的多個「莫代爾」階級衝突。我刪除了第一個模式，第二個仍然顯示這種行爲。
• jQuery-UI和Bootstrap JS之間沒有衝突。刪除了jQuery-UI並仍顯示出這種行爲。
• 看起來不是z-index問題。背景爲1040，模態爲1050.我也通過Chrome開發工具手動移除了背景，但當點擊它時，模態對話框仍然關閉。 （我懷疑它仍然可能是由於某種奇怪的Z索引衝突...）
• 似乎與Bootstrap CSS沒有衝突。我已經刪除了list-group和list-group-item類，但仍然存在問題。
• 我已經設置了data-backdrop="static"，但得到了相同的行爲。
• 模式輸入是可編輯的，如果我選項卡到表單域。

我已經在剝離的jsfiddle中重新創建了該問題。點擊藍色欄右側的按鈕，你會看到我的意思。對不起，我沒有在問題中包含所有的代碼，因爲它都在小提琴中......如果這裏有幫助，我也可以。

我使用React 0.14.7，不確定是否是問題（有問題的模態對象深深地嵌套在React組件中，就像在小提琴中一樣）。

任何想法？

Answer 1

我不知道你是否在你的應用程序中使用jquery等其他的東西，但另外想想切換到react-bootstrap。 這樣你可以減少你的js捆綁了很多。 我剛開始使用它，看起來非常穩固。