收藏
回答

[bug] ios 11.1 非首屏输入框输入文本显示异常

开发环境

  • 微信版本:6.5.21

  • 基础库版本:1.6.4

  • 机型:iPhone SE

  • 操作系统:iOS 11.1

如何复现?

当底部存在 position:fixed 组件时,会导致首屏之外的输入框输入异常。

具体表现为,在底部输入框输入文字,点击空白区域使其失去焦点后,文字显示为空白。再次点击时,会重新出现文本,说明文字内容还在,只是没有显示。

具体代码如下:

.page {
    padding: 15px 15px 60px;
    background: #CCC;
}
 
.blank {
    height: 600px;
    background: #DDD;
}
 
input {
    background: white;
    border: 1px solid red;
}
 
.page__ft {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    background: steelblue;
    color: white;
    text-align: center;
}


<view class="page">
 
    <view class="page__bd">
        <input type="text" placeholder="Input Some Value" />
        <view class="blank"></view>
        <input type="text" placeholder="Input Some Value" />
    </view>
 
    <view class="page__ft">
        FOOTER
    </view>
</view>


gif 录屏尺寸太大,传不上来,效果可以看这里

最后一次编辑于  2017-11-08
回答关注问题邀请回答
收藏
登录 后发表内容