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

青春须早为,岂能长少年。这篇文章主要讲述微信小程序安卓固定弹窗中textarea的placeholder会被弹出去相关的知识,希望能为你提供帮助。
在项目中碰到一个问题,就是安卓机上,如果fix固定一个弹窗,这个弹窗中有textarea的话, 点击弹出弹窗,textarea获得焦点的时候,placeholder和value会被弹出到背景上在项目中碰到一个问题,就是安卓机上,如果fix固定一个弹窗,这个弹窗中有textarea的话, 点击弹出弹窗,textarea获得焦点的时候,placeholder和value会被弹出到背景上.如图:
【微信小程序安卓固定弹窗中textarea的placeholder会被弹出去】

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

文章图片

弹窗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="https://www.songbingjia.com/android/{{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="https://www.songbingjia.com/android/{{newImgUrl + itemImg}}"bindtap="showResizeModal" data-src="https://www.songbingjia.com/android/{{newImgUrl + itemImg}}"> < /image> 9< /view> 10< image bindtap="chooseImages" wx:if="{{imgList.length < 5}}" src="https://www.songbingjia.com/images/wx/photo.png"> < /image> 11< /view> 12< /view> 13< view class="submit"> 14< buttontype="primary" bindtap="submit" class="btn btn-successbtn-block"> 提交< /button> 15< buttontype="default" bindtap="closeActionSheet" class="btn btn-defaultbtn-block"> 取消< /button> 16< /view> 17 18< /view> 19< /view>

上面的代码是修改后的代码.其它都不重要,重要的两点:
一个是 textarea控件如果是fix固定定位, 一定要加上 fixed="true"属性(代码中划线部分); 官方文档中有强调
微信小程序安卓固定弹窗中textarea的placeholder会被弹出去

文章图片

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

    推荐阅读