8***@qq.com
8***@qq.com
  • 发布:2019-07-29 12:05
  • 更新:2019-10-05 14:38
  • 阅读:1120

【报Bug】nvue下的input在安卓下光标丢失

分类:HBuilderX

HbuilderX 2.1.3.20190723版本
nvue页面随便一个input框,譬如
<input class="mobile" type="tel" placeholder="输入手机号码" maxlength="11" return-key-type="send" />
在安卓下,没有输入字符串,focus的时候,和focus以后,有输入字符的时候,光标都会自动丢失

只有在有字符,并且focus的时候,光标会正常出现一次

手机型号:小米MIX2
貌似是所有安卓手机,都有这个问题

2019-07-29 12:05 负责人:无 分享
已邀请:
DCloud_Android_ST

DCloud_Android_ST

提供demo示例

8***@qq.com

8***@qq.com (作者)

<template>
<div class="content">
<div class="header"></div>
<input class="input" placeholder="请输入框1"/>
<input class="input" placeholder="请输入框2"/>
</div>
</template>

<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {

    },  
    methods: {  

    }  
}  

</script>

<style>
.input{
font-size: 36px;
margin-top: 50px;
}
.header{
height: 80px;
background-color: #ff0000;
}

</style>

8***@qq.com

8***@qq.com (作者)

就我代码里边的,就没有光标

末学门丰

末学门丰 - 工作室开发者

<view class="uni-form-item uni-column">
<view class="title">可自动聚焦的input</view>
<input class="uni-input" focus placeholder="自动获得焦点" />
</view>

一样,随便一个input ,居然是没有光标的。无光标闪烁。客户提出来我才发现。

  • DCloud_heavensoft

    无法重现。提供详细机型和代码写法

    2019-09-30 00:14

  • 8***@qq.com (作者)

    回复 DCloud_heavensoft: 确实是有问题,和input的height和fontsize有关系,fontsize和height的比例,只要超过某个比例,就一定会重现

    2019-10-05 14:34

  • 8***@qq.com (作者)

    回复 DCloud_heavensoft: 如果fontsize小了,光标又太小,字体也太小,但是fontsize符合需求了,光标就会丢失

    2019-10-05 14:35

  • 8***@qq.com (作者)

    回复 DCloud_heavensoft: 我之前和琮琤 有反馈过这个问题,他也确认了问题,但是后续,你们一直的没有修复

    2019-10-05 14:37

  • 8***@qq.com (作者)

    回复 DCloud_heavensoft: input如果按照这个样式来,就不会出光标


    .input{  
    font-size: 50upx;
    height: 50upx;
    }

    input如按照下边这个样式,就可以正常出光标


    .input{  
    font-size: 25upx;
    height: 50upx;
    }

    2019-10-05 14:38

  • 末学门丰

    回复 8***@qq.com: 这个我后来测试有光标了。楼上说的新问题我暂时不知道。

    2019-10-09 17:13

末学门丰

末学门丰 - 工作室开发者

nvue下面,这个input是没有光标的。可输入但就是没光标闪。

SimpleJalon

SimpleJalon - 个人承接PHP、uniapp项目,有案例,联系QQ 615773740,不接受外地工作,可付费提供技术支持。添加QQ时务必备注来意以及添加渠道,渠道可以写:`uniapp`

我还特意测试了下我写的nvue 目前在雷神模拟器 redmik20pro 没有发现。

8***@qq.com

8***@qq.com (作者)

input如果按照这个样式来,就不会出光标

.input{  
    font-size: 50upx;  
    height: 50upx;  
  }

input如按照下边这个样式,就可以正常出光标

.input{  
    font-size: 25upx;  
    height: 50upx;  
  }

该问题目前已经被锁定, 无法添加新回复