开发环境
微信版本: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 录屏尺寸太大,传不上来,效果可以看这里