swipe里面放textarea有bug
发布于 4 年前 作者 dinggang 3700 次浏览 来自 问答
<swiper duration="200" class='container' vertical='true'>
  <swiper-item>
    <textarea value='测试' maxlength='-1' fixed='true' />
  </swiper-item>
  <swiper-item>
    <view>
      测试测试测试测试测试
    </view>
  </swiper-item>
</swiper>

设置 swiper 高度为 100vh，竖向滚动，滚到第二页时，第一页的 textarea 也会到第二页来。开发模拟器上表现正常，一上真机就有这个bug

3 回复

Bug & Tip

  1. bug: 微信版本 6.3.30，textarea 在列表渲染时，新增加的 textarea 在自动聚焦时的位置计算错误。

  2. tip: textarea 的 blur 事件会晚于页面上的 tap 事件，如果需要在 button 的点击事件获取 textarea，可以使用 form 的 bindsubmit。

  3. tip: 不建议在多行文本上对用户的输入进行修改，所以 textarea 的 bindinput 处理函数并不会将返回值反映到 textarea 上。

  4. tip: textarea 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。

  5. tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 textarea 组件。

  6. tip: css 动画对 textarea 组件无效。

我看了 textarea 和 swipe 组件的文档部分，没有这个说明。而且模拟器上的表现是正常的。

这个记得文档好像有说过不要放

回到顶部