taro-ui icon indicating copy to clipboard operation
taro-ui copied to clipboard

Taro3+ @tarojs/components 3.0.18 + @tarojs/taro 3.0.18AtInput在ios上会值会来回跳动展示不正确

Open WinneyFung opened this issue 4 years ago • 3 comments

问题描述 使用AtInut连续输入多个值的时候,或者连续删除输入的值的时候会导致显示跳动,输入的值会迟缓。

复现步骤

import React from "react";
import { AtInput } from "taro-ui";

export default function InputTest() {
  let value = "";
  const onValueChange = (val) => {
    value = val;
    return val;
  };

  return (
    <AtInput
      value={value}
      onChange={onValueChange}
      name="name"
      error={true}
      placeholder="请输入名字"
    />
  );
}

期望行为 期望值不会跳动。 报错信息 无报错,与期望值不符合。

系统信息 Taro3+ @tarojs/components 3.0.18 + @tarojs/taro 3.0.18 iPhoneX ios系统12 iphone12 ios系统14 补充信息

WinneyFung avatar Dec 18 '20 08:12 WinneyFung

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

taro-ui-bot[bot] avatar Dec 18 '20 08:12 taro-ui-bot[bot]

问题描述 使用AtInut连续输入多个值的时候,或者连续删除输入的值的时候会导致显示跳动,输入的值会迟缓。

复现步骤

import React from "react";
import { AtInput } from "taro-ui";

export default function InputTest() {
  let value = "";
  const onValueChange = (val) => {
    value = val;
    return val;
  };

  return (
    <AtInput
      value={value}
      onChange={onValueChange}
      name="name"
      error={true}
      placeholder="请输入名字"
    />
  );
}

期望行为 期望值不会跳动。 报错信息 无报错,与期望值不符合。

系统信息 Taro3+ @tarojs/components 3.0.18 + @tarojs/taro 3.0.18 iPhoneX ios系统12 iphone12 ios系统14 补充信息

老兄,输入丢失的问题你解决了吗

superchangme avatar Apr 03 '22 13:04 superchangme

目前结果是AtInput我们全部换成普通的Input。后面排查过小程序的原生input也会有这个问题? import { Input } from "@tarojs/components";

WinneyFung avatar Apr 03 '22 13:04 WinneyFung