Tencent / Tencent/tdesign-miniprogram
[Popup] 弹出层中加入input输入框,输入框的placeholder内容会向下跳动一次
Nobody has claimed this yet.
- Dominant language
- Vue
- Stars
- 1.8k
- Forks
- 337
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 19
Description
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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue with the example in index.wxml and the styles in index.wxss: open the center t-popup containing the input and observe its placeholder. Inspect the popup and input behavior around the opening transition. Done means the placeholder no longer shifts downward when the popup appears.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100