[Popup] 弹出层中加入input输入框,输入框的placeholder内容会向下跳动一次
tdesign-miniprogram 版本
1.2.0
重现链接
No response
重现步骤
以下为测试代码内容,可直接复制
index.js
Page({
data: {
visible: false
},
open() {
this.setData({
visible: true
})
},
onVisibleChange(e){
this.setData({
visible: e.detail.visible,
});
}
})
index.json
{
"usingComponents": {
"t-popup": "tdesign-miniprogram/popup/popup"
}
}
index.wxml
<t-popup visible="{{visible}}" bind:visible-change="onVisibleChange" placement="center"> <view class="block"> <input type="text" placeholder="请输入内容"/> </view> </t-popup> <button catch:tap="open">打开</button>
index.wxss
.block{
width: 650rpx;
height: 400rpx;
display: flex;
align-items: center;
justify-content: center;
}
.block input{
border: 1px solid red;
}
https://github.com/Tencent/tdesign-miniprogram/assets/13976637/d484e20b-7aa2-4874-a9cb-cd576438cf62
期望结果
input placeholder 不抖动
实际结果
No response
基础库版本
2.33.0
补充说明
No response
👋 @Ronass,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
这个是微信底层的问题,似乎没有办法处理,你直接使用原生input估计也是一样的问题
这个是微信底层的问题,似乎没有办法处理,你直接使用原生input估计也是一样的问题
我放弃了使用td,改用了vant,这个没有出现这个问题,但我还是希望官方修复一下,我比较喜欢td
确实是有问题
这个是微信底层的问题,似乎没有办法处理,你直接使用原生input估计也是一样的问题
这个是popup弹出层的动画导致的,我测试的仅在popup的placement为center时出现
建议当前可以使用延迟加载的方法解决这个bug,初识时placeholder的值为‘’,等300ms动画结束后设置placeholder的值为你想要的,可以解决这个问题,settimeout的值建议设置为350,300也会有问题,等弹窗关闭时候,placeholder的值恢复默认值‘’
而且打开弹层的时候输入框会自动聚焦调起键盘,这能取消的吗
我的也是,placement为center 如果元素是textarea 并且设置了较长的placeholder(换行的)。也会出现抖动