search

Tencent / tdesign-miniprogram

A Wechat MiniProgram UI components lib for TDesign.
https://tdesign.tencent.com/miniprogram
MIT License
1.21k stars 278 forks source link

在dialog里面嵌套input框，input框里的内容会抖动 #3078

Open luoxin59420 opened 2 months ago

luoxin59420 commented 2 months ago

<t-dialog visible="{{showWithInput}}" title="带输入框对话框" confirm-btn="确定" cancel-btn="取消" bind:confirm="closeDialog" bind:cancel="closeDialog"

<t-input borderless class="dialog-input" clearable slot="content" placeholder="输入12文案" placeholder-class="placeholder" /> 在dialog里面嵌套input框，input框里的内容会抖动，该怎么处理呢？

github-actions[bot] commented 2 months ago

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

xieerduos commented 2 months ago

<t-dialog visible="{{showWithInput}}" title="带输入框对话框" confirm-btn="确定" cancel-btn="取消" bind:confirm="closeDialog" bind:cancel="closeDialog"

在dialog里面嵌套input框，input框里的内容会抖动，该怎么处理呢？

显示的时候 - input中的文本会自动往下动一下

xieerduos commented 2 months ago

<t-dialog visible="{{showWithInput}}" title="带输入框对话框" confirm-btn="确定" cancel-btn="取消" bind:confirm="closeDialog" bind:cancel="closeDialog"

在dialog里面嵌套input框，input框里的内容会抖动，该怎么处理呢？

@luoxin59420 添加css代码animation: none;transition: none可以解决抖动的问题 

<t-dialog style="animation: none;transition: none"></t-dialog>

https://github.com/Tencent/tdesign-miniprogram/issues/489#issuecomment-2309457260