小程序textarea的bug

官方bug

微信版本 6.3.30，textarea 在列表渲染时，新增加的 textarea 在自动聚焦时的位置计算错误。
textarea 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。
请勿在 scroll-view、swiper、picker-view、movable-view 中使用 textarea 组件。

场景

textarea在聚焦时会定位到上个位置，当用户输入时又重新返回设置的位置，页面滚动时会固定在屏幕的位置上
textarea没有在scroll-view、swiper、picker-view、movable-view中使用，但是还是会存在这样的问题
首先说明一下：页面如果page设置为overflow：scroll，会出现上述问题
textarea永远在页面的顶层，无法降低层级

解决办法

调整页面样式，尤其是overflow属性的使用
如果页面存在弹出层这样的需求，使用z-index是无法降低层级的，这是官方的bug，没办法解决。我采用的替代解决方法是:使用wx:if的方式控制textarea的显示
弹层如果直接是当前页面的元素，只用在关闭弹层时修改数据状态就行
弹层如果是组件，也需要在关闭弹层时修改状态，此时就需要组件父子间的通信

子组件向父组件传值

子组件触发指定方法时，发送事件

closeCoupon:function(){//do somethingthis.triggerEvent("change","miomiomiomio~~~")
}

父组件监听方法，在父组件调用的元素上监听(.wxml)
```
<cxCoupon id='cxCoupon' bind:change="changeCoupon"></cxCoupon>
```

父组件监听方法，在父组件中处理数据(.js)

changeCoupon:function(e){this.setData({isShowRemark:e.detail})
},

其他

魔道祖师更新啦~~~~
哈哈哈哈~
汪叽无羡~~

小程序textarea顶层显示的bug相关推荐

微信小程序textarea不能输入的bug
最近写个需求,在一个弹窗里用到了四个textarea,手机测试的时候发现安卓切换textarea的时候,有的textarea不能输入,显示也有问题. 最后发现是不能在scroll-view里面使用.
小程序textarea显示混乱
小程序textarea的bug 官方bug 微信版本 6.3.30,textarea 在列表渲染时,新增加的 textarea 在自动聚焦时的位置计算错误. textarea 组件是由客户端创建的原生 ...
解决微信小程序textarea层级太高遮挡其他组件的问题
解决微信小程序textarea层级太高遮挡其他组件的问题参考文章: (1)解决微信小程序textarea层级太高遮挡其他组件的问题 (2)https://www.cnblogs.com/pansid ...
微信小程序 textarea 简易解决方案
微信小程序 textarea 简易解决方案参考文章: (1)微信小程序 textarea 简易解决方案 (2)https://www.cnblogs.com/bsyblog/p/6116973.ht ...
微信小程序点播插件_微信小程序 wxParse插件显示视频问题
修改wxParse/html2json.js 文件 ,在 html2json(html, bindName)方法里 var node = { node: 'element', tag: tag, }; ...
支付宝小程序开发练习,显示自定义二维码（四）
之前用了几种方式 1.后端生成二维码需要加密的字符窜,小程序前端利用二维码组件渲染canvas画出二维码,由于支付宝小程序没有这样的组件,于是去找微信小程序的解决方案,把微信小程序的二维码前端组件搬过 ...
电脑版微信小程序全屏显示方法，手机横屏方法。
电脑版微信小程序全屏显示方法: 在app.json中加入:"resizable": true 注意要与"pages"同级,网上有许多错误方法! 手机横屏方法: ...
第21课微信小程序视频标签显示弹幕
第21课微信小程序视频标签显示弹幕效果图如下: wxml代码如下: <videosrc="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideo ...
小程序textarea在ios中内边距的解决办法
小程序textarea在ios中内边距的解决办法官方文档上面有一个 disable-default-padding 属性去除在ios上面的内边距

小程序textarea顶层显示的bug

小程序textarea的bug

官方bug

场景

解决办法

子组件向父组件传值

其他

小程序textarea顶层显示的bug相关推荐

最新文章

热门文章