[t-input-adornment] 当 `<t-input-adornment>` 放在一个固定宽度 `160px` 的容器里，初始渲染正常；但一旦在 `<t-input>` 中输入内容, Adornment 脱离文档流，导致布局错乱。

[a5630985851]

tdesign 技术栈

tdesign-vue

tdesign 技术栈版本

"tdesign-vue-next": "^1.13.2",

重现链接

No response

重现步骤

Bug 描述

当 <t-input-adornment> 放在一个固定宽度 160px 的容器里，初始渲染正常；但一旦在 <t-input> 中输入内容，整个输入框宽度被强制锁定为 160px，且 Adornment 与输入框疑似脱离文档流，导致布局错乱。

1. 创建如下简化示例：
   

   <script setup> import { ref } from 'vue'; const value = ref(''); </script>
   2. 页面初次加载(输入框没有任何内容)：显示正常。
   3. 在输入框中输入任意字符。

环境信息

项目	版本
tdesign-vue-next	x.x.x
vue	3.x.x
浏览器	Chrome 121 / Edge 121
OS	Windows 11

其他信息

期望结果

输入后整体宽度应随父元素自适应或保持原始布局，Adornment 应保持内联流式布局。

实际结果

输入后：

• 父级 div 仍然是 160px，但 <t-input> 为 160px，导致超出或缩放异常。
• <t-input-adornment> 的宽度表现非预期，似乎脱离文档流。

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

推测可能与 <t-input> 的 auto-width 逻辑或 <t-input-adornment> 内部定位方式有关；

[github-actions]

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