Tencent / Tencent/tdesign-miniprogram

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

Open
#2,300 8 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

wontfix
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.