收藏
回答

输入框存在多行内容时,来回切换光标,出现界面异常,placeholder文案或内容错位显示

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug textarea 以及 input 微信安卓客户端 8.0.3、8.0.1 2.16.1、2.17.0

https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html

随访周期
<view
            class="dayItem {{item.val === selectedTimeArea ? 'selectedTimeArea' : ''}}"
            wx:for="{{dayBlock}}"
            wx:key="val"
            @tap="selectTimeArea({{item.val}})"
          ><text>{{item.text}}</text></view>
<input
              placeholder="更多"
              class="{{'input' === selectedTimeArea ? 'selectedInput' : ''}}"
              type="number"
              max="999"
              @input="inputTimeArea"
            /> 
<textarea
              wx:if="{{ !isShowSubscribe}}"
              value="{{followUpRemark}}"
              auto-height="true"
              maxlength="300"
              @input="remarkInput"
              placeholder="请输入标签"
              placeholder-style="font-size:26rpx;"
            ></textarea>
<script>
data={
dayBlock:[
      {
        text: '7天',
        val: 7
      },
      {
        text: '14天',
        val: 14
      },
      {
        text: '21天',
        val: 21
      },
      {
        text: '28天',
        val: 28
      }
    ]
}
method={
selectTimeArea(val) {
      this.selectedTimeArea = val
    }
}
</script>

在IOS设备正常

【出现问题手机】

Motorola edge plus、华为P20、初步怀疑安卓会出现

Android 10、Android 9.1.0

微信版本:

8.0.3、8.0.1

操作步骤

1、进入页面,

2、标签输入框输入多行内容

3、点击默认的随访周期,

4、再点击周期—更多(input框),‘更多’文本+光标错位显示

期望结果

input的光标,在input框上正常显示

回答关注问题邀请回答
收藏

5 个回答

登录 后发表内容