输入框存在多行内容时,来回切换光标,出现界面异常,placeholder文案或内容错位显示
发布于 4 年前 作者 wzhu 870 次浏览 来自 官方Issues

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

随访周期
<view
            class="dayItem {{item.val === selectedTimeArea ? 'selectedTimeArea' : ''}}"
            wx:for="{{dayBlock}}"
            wx:key="val"
            [@tap](/user/tap)="selectTimeArea({{item.val}})"
          ><text>{{item.text}}</text></view>
<input
              placeholder="更多"
              class="{{'input' === selectedTimeArea ? 'selectedInput' : ''}}"
              type="number"
              max="999"
              [@input](/user/input)="inputTimeArea"
            /> 
<textarea
              wx:if="{{ !isShowSubscribe}}"
              value="{{followUpRemark}}"
              auto-height="true"
              maxlength="300"
              [@input](/user/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框上正常显示

1 回复

你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

回到顶部