本文同這個 Github issue 相關(guān)。

Directive 8023 created

6348 Directive created

回車，6348 創(chuàng)建 7054 Component

點擊users：

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

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

再次回車，此時最后一個被新建的Directive 實例 5865 ，負責(zé)創(chuàng)建新的popover 4705.

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

點兩下，第一下，popover 從獲得focus的狀態(tài)轉(zhuǎn)換為失去focus的狀態(tài)。點擊第二下，觸發(fā)outside click，關(guān)閉popover.

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

點擊第二下，popover被關(guān)閉。

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

單擊第二下的時候：

由于下圖第160行的判斷，關(guān)閉popup：

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。