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

Directive 8023 created

6348 Directive created

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

點(diǎn)擊users：

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

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

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

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

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

點(diǎn)擊第一下，Popover失去focus，藍(lán)色邊框消失：

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

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

單擊第二下的時(shí)候：

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

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

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

總結(jié)

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

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