EmojiPicker 组件样式错位怎么解决?

ლ利芹 阅读 10

我在项目里用了一个第三方的 EmojiPicker 组件,但弹出的表情面板位置总是偏移,明明父容器是 relative 定位,它却跑到了页面左上角。试过改 z-index 和 position 都没用,是不是哪里样式冲突了?

这是我的相关 CSS:

.emoji-picker-container {
  position: relative;
}
.emoji-picker-popover {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
}
我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
W″慧娟
多数第三方库为了避 z-index 坑,默认把弹窗挂载到 document.body,导致你父容器的 relative 定位管不到它。去组件文档里找找 container 或者 portal 属性,把它指定回你的父元素试试。
点赞
2026-03-04 06:05