收藏
回答

input输入框获得焦点出现闪动问题

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Input 客户端 Android 6.6.1 1.9.5(2018.1.24 17:07:28)

你想反馈一个 Bug 还是 提一个需求?

    反馈一个bug

如果是 Bug:


* Bug 表现是什么?预期表现是什么?


    Bug表现:input组件,当value属性有值时,获得焦点,输入框的内容会出现闪动。

    预期表现:获得焦点,输入框的内容不会出现闪动


* 如何复现?


    在开发者工具中,input组件不会出现上述的Bug;在进行小程序预览时,就会出现该Bug,点击输入框即可复现。


* 提供一个最简复现 Demo

    wxml:

<view class="container">

    <view class="modifyorder">

        <view class="form">

            <view class="label">姓名<strong class="required">*</strong> <span class="required">{{msgname}}</span></view>

            <view class="input_box">

            <input type="text" class="input" value="{{orderInfo.buyerName}}"bindblur="validate" data-name="name" data-inputname="姓名" data-validator="required"/>

            </view>

        </view>

        <view class="form">

            <view class="label">邮箱<strong class="required">*</strong> <span class="required">{{msgemail}}</span></view>

            <view class="input_box">

            <input type="text" class="input" value="{{orderInfo.buyerEmail}}" bindblur="validate" data-name="email" data-inputname="邮箱" data-validator="required,email"/>

            </view>

        </view>

        <view class="form">

            <view class="label">手机号<strong class="required">*</strong> <span class="required">{{msgphone}}</span></view>

            <view class="input_box">

            <input type="text" class="input" value="{{orderInfo.buyerCellPhone}}" bindblur="validate" data-name="phone" data-inputname="手机号" data-validator="required,phone"/>

            </view>

        </view>

    </view>

</view>

    

    js:

    data: {

        param:null,

        orderInfo:{

        buyerName:'测试',

        buyerEmail:'1111111111@qq.com',

        buyerCellPhone:'1111111111'

        }

    },


望尽快解决该问题!

    

最后一次编辑于  2018-01-25  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • 大壮
    大壮
    2018-02-06

    别设置百分比,设置为固定值就好了

    2018-02-06
    赞同
    回复
  • 大壮
    大壮
    2018-02-06

    是不是设置了margin或者padding?

    2018-02-06
    赞同
    回复
  • 贪狼
    贪狼
    2018-01-31

    没有解决,感觉可能是input标签本身的问题

    提供一个思路,可以把input中的字体样式属性设置为和焦点选中时的字体样式属性一样

    这样应该就不会出现闪动

    2018-01-31
    赞同
    回复
  • 君莫笑。
    君莫笑。
    2018-01-27

    解决了不??

    2018-01-27
    赞同
    回复