码迷,mamicode.com
首页 > 微信 > 详细

微信小程序安卓固定弹窗中textarea的placeholder会被弹出去

时间:2017-08-14 19:05:37      阅读:404      评论:0      收藏:0      [点我收藏+]

标签:primary   his   load   fixed   comm   小程序   dex   一个   ace   

在项目中碰到一个问题,就是安卓机上,如果fix固定一个弹窗,这个弹窗中有textarea的话, 点击弹出弹窗,textarea获得焦点的时候,placeholder和value会被弹出到背景上.如图:

技术分享

弹窗wxml代码:

 1 <view class="common-modal" wx:if="{{!actionSheetHidden}}">
 2     <view class="app_container ">
 3 
 4       <view class="addPic">
 5         <textarea class="textBox" fixed="true" bindinput="getMemo" value="{{memo}}" placeholder="为了保障你的权益,请尽可能详细的提交留言信息"/>
 6         <view class="picList">
 7               <view class="picList" >
 8                 <image wx:for="{{imgList}}" wx:for-item="itemImg" wx:key="*this" id="{{‘list_‘+index}}" bindload="imageOnload" src="{{newImgUrl + itemImg}}"  bindtap="showResizeModal" data-src="{{newImgUrl + itemImg}}"></image>
 9               </view>
10           <image bindtap="chooseImages" wx:if="{{imgList.length < 5}}" src="../../images/wx/photo.png"></image>
11         </view>
12       </view>
13       <view class="submit">
14         <button  type="primary" bindtap="submit" class="btn btn-success  btn-block">提交</button>
15         <button  type="default" bindtap="closeActionSheet" class="btn btn-default  btn-block">取消</button>
16       </view>
17 
18     </view>
19   </view>

上面的代码是修改后的代码.其它都不重要,重要的两点:

一个是 textarea控件如果是fix固定定位, 一定要加上 fixed="true"属性(代码中划线部分);官方文档中有强调

技术分享

另一个就是如果用到input或者textarea控件尽量避免使用actionSheet,自己写一个固定定位的弹窗吧

 

微信小程序安卓固定弹窗中textarea的placeholder会被弹出去

标签:primary   his   load   fixed   comm   小程序   dex   一个   ace   

原文地址:http://www.cnblogs.com/kiyo/p/7359484.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!