tdesign-miniprogram [Input 输入框] IOS自动填充密码，无法获取用户名/密码的值

tdesign-miniprogram 版本

1.6.2

重现链接

No response

重现步骤

No response

期望结果

No response

实际结果

No response

基础库版本

No response

补充说明

No response

Oct 21 '24 08:10 myifeng

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

Oct 21 '24 08:10 github-actions[bot]

@myifeng 辛苦贴一下你的使用代码、真机测试机型等信息

我这边在13pro上预览了一下，可以获取密码，代码如下：

<t-input label="标签文字" value="{{tdValue}}" placeholder="请输入文字" type="password" bind:change="tdInput"></t-input>

// js
tdInput(e) {
  this.setData({
    tdValue: e.detail.value,
  });
  console.log('--tdInput--', e.detail.value);
},

Oct 22 '24 04:10 anlyyao

<t-input label="用户名" value="{{tdValue}}" placeholder="请输入文字" bind:change="tdInputUsername"></t-input>

<t-input label="密码" value="{{tdValue}}" placeholder="请输入文字" always-embed="{{true}}" type="password" bind:change="tdInputPassword" bindfocus="tdInputPassword" 	bindblur="tdInputPassword"></t-input>

<t-button class="login-btn" bindtap="login" theme="primary" size="large">登录</t-button>

tdInputUsername(e) {
  this.setData({
	  username: e.detail.value,
  });
  console.log(e)
  console.log('--username--', e.detail.value);
},
tdInputPassword(e) {
  this.setData({
	  password: e.detail.value,
  });
  console.log(e)
  console.log('--password--', e.detail.value);
},

点击密码输入框，选择IOS中的密码，表单会在用户名填充用户名，密码中填充......，控制台会打印tdInputPassword的focus、blur日志，但是并没有获取到密码值。此时AppData中的password为undefined

在上一步操作后，手动点击密码输入框，使失焦和聚焦，此时才获取密码。此时AppData中的password有值

但是因为用户名没有设置bindblur bindfocus，此时虽然用户名在UI上进行了填充，但是并没有获取到用户名的值。此时AppData中的username为undefined。

https://github.com/user-attachments/assets/3cf4ffa3-1427-4705-95f6-78e0688b47f6

Oct 22 '24 09:10 myifeng

这里录屏密码显示空白，实际上是有填充黑色圆点的

<t-input label="用户名" value="{{tdValue}}" placeholder="请输入文字" bind:change="tdInputUsername"></t-input>

<t-input label="密码" value="{{tdValue}}" placeholder="请输入文字" always-embed="{{true}}" type="password" bind:change="tdInputPassword" bindfocus="tdInputPassword" 	bindblur="tdInputPassword"></t-input>

<t-button class="login-btn" bindtap="login" theme="primary" size="large">登录</t-button>
tdInputUsername(e) {
  this.setData({
	  username: e.detail.value,
  });
  console.log(e)
  console.log('--username--', e.detail.value);
},
tdInputPassword(e) {
  this.setData({
	  password: e.detail.value,
  });
  console.log(e)
  console.log('--password--', e.detail.value);
},
点击密码输入框，选择IOS中的密码，表单会在用户名填充用户名，密码中填充......，控制台会打印tdInputPassword的focus、blur日志，但是并没有获取到密码值。此时AppData中的password为undefined

在上一步操作后，手动点击密码输入框，使失焦和聚焦，此时才获取密码。此时AppData中的password有值

但是因为用户名没有设置bindblur bindfocus，此时虽然用户名在UI上进行了填充，但是并没有获取到用户名的值。此时AppData中的username为undefined。

176692c7ccc195eba8012facc7434e1d.mp4

这里录屏密码显示空白，实际上是有填充黑色圆点的

Oct 22 '24 09:10 myifeng

@myifeng 你测试下这个代码片段：https://developers.weixin.qq.com/s/WIywo8mZ7nVs

我这边的效果和原生一致，

Oct 22 '24 12:10 anlyyao

我也存在同样的问题，用原生的input就正常，但是用t-input组件就无法自动填充。增加always-embed="{{true}}"后，可以自动填充，输入框内虽然填充了账号密码，但是并没有被value获取到，依然识别未填写。点击自动填充后，输入框会自动失去焦点，会不会是这个原因。真机预览机型：iPhone14pro