ios 微信和safari浏览器input标签输入出现空白情况

问题:vux--x-input移动端表单元素,输入内容会出现输入框输入空白、删除显示延迟情况。未被group包围的input则正常输入。

代码结构部分

        <group>
          <x-input
            ref="projectNumber"
            :title="$t('project.projectNumber')"
            :placeholder="$t('energy.input')"
            class="weui-vcode"
            v-model="formData.projectNumber"
            placeholder-align="right"
            text-align="right"
          ></x-input>
          <x-input
            ref="projectBudget"
            :title="$t('project.projectBudget')"
            :placeholder="$t('energy.input')"
            v-model="formData.projectBudget"
            placeholder-align="right"
            text-align="right"          >
            <span slot="right">{{$t('energy.yuan')}}</span>
          </x-input>
        </group>

这个问题多半是因为使用了:-webkit-overflow-scrolling: touch

终极解决方法:

input, textarea {

-webkit-transform: translateZ(0px);

position: relative;

}

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值