test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-04 04:08:34 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix(popper): should check nested Fragment

Browse Source
This commit is contained in:
古海欢 2020-08-27 19:28:03 +08:00 committed by jeremywu
parent 9d58d8e594
commit 2b2d085992
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/popper/src/usePopper.ts
View File

@ -27,17 +27,18 @@ const getTrigger = () => {
// SubTree is formed by <slot name="trigger"/><popper />
// So that the trigger element is within the slot, we need to take it out of the slot in order to attach
// events on top of it
const targetSlot = children[0]
let targetSlot = children[0]
if (targetSlot.length > 1) {
console.warn('Popper will only be attached to the first child')
}
// This indicates if the slot is rendered with directives (e.g. v-if) or templates (e.g. <template />)
// if it's true, then the children needs to be taken by accessing targetSlots.children to get it
while(targetSlot.type === Fragment) {
targetSlot = targetSlot.children[0]
}
const trigger: HTMLElement = targetSlot.type === Fragment
? targetSlot.children[0].el
: targetSlot.el
const trigger: HTMLElement = targetSlot.el
if (!trigger) {
throwError('ElPopper', 'Cannot find referrer to attach popper to')
}