airyland / vux

Mobile UI Components based on Vue & WeUI
https://vux.li
MIT License
17.59k stars 3.71k forks source link

[Bug Report] PopupPicker 在苹果5S下如果点击input弹起软键盘,不点击完成,直接点PopupPicker,会导致内容不显示 #3217

Open SaltedFishYuto opened 5 years ago

SaltedFishYuto commented 5 years ago

VUX version

2.9.2

OS/Browsers version

苹果5s 10.3.3

Vue version

2.5.17

Code

 <group title="房间信息" class="room-info">
        <x-textarea v-model="dataInfo.titleValue" class="room-textarea" name="detail" placeholder="请简单描述下房间信息" :show-counter="false"></x-textarea>
        <li class="infoitem">
          <div class="room-left">房源</div>
          <div class="room-right">个人房源</div>
        </li>
        <!-- 装修方式 -->
        <popup-picker class="popup-picker" show-name title="装修方式" :data="renovationList" v-model="dataInfo.renovationValue" placeholder="请选择" value-text-align="left"></popup-picker>
        <!-- 面积 -->
        <x-input title="面积" type="number" @input.native="dataInfo.area = $event.target.value" placeholder="请输入" v-model="dataInfo.area" :show-clear="false">
          <div slot="right" style="color:#000">m²</div>
        </x-input>
</group>

Steps to reproduce

点击input,弹起软键盘,这时候不点击完成输入,直接点PopupPicker

What is Expected?

内容会正常显示

What is actually happening?

内容显示为空

SaltedFishYuto commented 5 years ago

qq20181107-145152-hd