tdesign-miniprogram icon indicating copy to clipboard operation
tdesign-miniprogram copied to clipboard

[Popup] 弹出层中加入input输入框,输入框的placeholder内容会向下跳动一次

Open Ronass opened this issue 2 years ago • 8 comments

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 avatar Aug 18 '23 04:08 Ronass

👋 @Ronass,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Aug 18 '23 04:08 github-actions[bot]

这个是微信底层的问题,似乎没有办法处理,你直接使用原生input估计也是一样的问题

LeeJim avatar Aug 22 '23 02:08 LeeJim

这个是微信底层的问题,似乎没有办法处理,你直接使用原生input估计也是一样的问题

我放弃了使用td,改用了vant,这个没有出现这个问题,但我还是希望官方修复一下,我比较喜欢td

Ronass avatar Aug 28 '23 09:08 Ronass

确实是有问题

dengxiwang avatar Sep 04 '23 04:09 dengxiwang

这个是微信底层的问题,似乎没有办法处理,你直接使用原生input估计也是一样的问题

这个是popup弹出层的动画导致的,我测试的仅在popup的placement为center时出现

dengxiwang avatar Sep 06 '23 14:09 dengxiwang

建议当前可以使用延迟加载的方法解决这个bug,初识时placeholder的值为‘’,等300ms动画结束后设置placeholder的值为你想要的,可以解决这个问题,settimeout的值建议设置为350,300也会有问题,等弹窗关闭时候,placeholder的值恢复默认值‘’

dengxiwang avatar Sep 07 '23 01:09 dengxiwang

而且打开弹层的时候输入框会自动聚焦调起键盘,这能取消的吗

yumaopiaoa avatar Sep 11 '23 08:09 yumaopiaoa

我的也是,placement为center 如果元素是textarea 并且设置了较长的placeholder(换行的)。也会出现抖动

WebRookie avatar Jun 18 '25 09:06 WebRookie