本文同這個 Github issue 相關。

Directive 8023 created

6348 Directive created

回車，6348 創建 7054 Component

點擊users：

此時7054 Component 被6348 Directive 關閉(紅色).

但是, 為什么又一口氣生成了 4 個 Directive instance？

再次回車，此時最后一個被新建的Directive 實例 5865 ，負責創建新的popover 4705.

如果把重現步驟第三步的敲回車鍵改成鼠標點擊，則問題完全不能重現了。

點兩下，第一下，popover 從獲得focus的狀態轉換為失去focus的狀態。點擊第二下，觸發outside click，關閉popover.

點擊第一下，Popover失去focus，藍色邊框消失：

點擊第二下，popover被關閉。

在空白區域單擊第一下時，this.insideClicked 從undefined改成false，同時失去focus：

單擊第二下的時候：

由于下圖第160行的判斷，關閉popup：

更多Jerry的原創文章，盡在：“汪子熙”:

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的SAP Spartacus Popover Component 显示与否的逻辑判定的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。