EmojiPicker 弹出位置总是错位怎么办?
我在用一个第三方的 EmojiPicker 组件,点击按钮后表情面板老是跑到页面左上角去了,根本不在输入框下面。明明设置了 position: absolute,但就是不对。
我试过给父容器加 position: relative,也检查了 z-index,还是没用。这是我的相关样式:
.emoji-picker {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
}
.input-container {
position: relative;
display: inline-block;
}
难道是组件内部用了 portal 挂载到 body 了?那该怎么控制它的定位啊?
看下组件有没有
getPopupContainer或portal这类prop,指向你的input-container节点:或者如果组件支持,直接把定位改成
fixed自己算偏移量。