使用dropdown按鈕Dojo多個非模態對話框

Question

我正在嘗試使用dijit/Dialog在我的頁面上有多個對話框。 我希望對話框是非模態的，所以我用這個問題作為指導來擺脫背景底層。

然而，當我使用DropDownButton來切換窗口時，我得到了奇怪的行為。 當一個對話框顯示一切正常時。 當兩個對話框都顯示時，下拉按鈕會在單擊時閃爍顯示/隱藏而不是隱藏

這是JSFiddle 。 要重現......

1. 在“I”下顯示兩個對話框
2. 再次點擊“我”

“我”現在會閃爍。 有時，如果你點擊“B”，兩個對話框都顯示它會自行修復。 如果兩個對話框都關閉，則問題將得到解決。

我認為它與對話框的z-index有關，但是DropDownButton似乎總是具有比底襯和對話框本身更高的z-index。

另一個選擇是制作我自己的FloatingPane但我想看看這是否可行。

Answer 1

可能會有點晚，但可以幫助其他人。

這里的問題是Dojo Dialogs盡最大努力使自己保持專注，當他們失去焦點時，他們再次調用.focus() （ 參見dijit / Dialog.js ）。

據我所知，沒有設置禁用它。 但是，您始終可以覆蓋非模態對話框的.focus()函數，而不執行任何操作。 例如，

var dialog = registry.byId("myDialog");
dialog.focus = function() { };
dialog.show();