输入框存在多行内容时,来回切换光标,出现界面异常,placeholder文案或内容错位显示
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)