我在项目里用了一个第三方的 EmojiPicker 组件,但弹出的表情面板位置总是偏移,明明父容器是 relative 定位,它却跑到了页面左上角。试过改 z-index 和 position 都没用,是不是哪里样式冲突了?
这是我的相关 CSS:
.emoji-picker-container {
position: relative;
}
.emoji-picker-popover {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
}
document.body,导致你父容器的relative定位管不到它。去组件文档里找找container或者portal属性,把它指定回你的父元素试试。