收藏
回答

ios系统,textarea放置在swiper中,当文字输入过多是时, 下方文字无法正常获取到焦点?

ios系统,textarea放置在swiper中,当文字输入过多时, 下方文字无法正常获取到焦点

<swiper indicator-dots="{{indicatorDots}}"
  autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
  <block wx:for="{{imgUrls}}">
    <swiper-item>
      <view class="textarea-box clearfix">
                <view class="textarea-wrap">
                    <textarea value="{{inputValue}}" maxlength="6990" show-confirm-bar="false" placeholder="在此输入反馈内容" placeholder-class="placeholderStyle" bindinput="updateValue" data-name='inputValue' />
                </view>
             
            </view>
    </swiper-item>
  </block>
</swiper>
.count {
    margin-right: 20rpx;
    float: right;
    color: #BDBDBD;
    font-size: 24rpx;
}
.textarea-box {
    width: 100%;
    border-top: 20rpx solid #F4F4F4;
    /*border-bottom: 20rpx solid #F4F4F4;*/
    height: 200px;
    border: 1px solid red;
    background-color: #FBFBFB;
}
 
.textarea-wrap {
    padding: 0 30rpx;
}
 
textarea {
    width: 100%;
    /*min-height: 100px;*/
    /*overflow: auto;*/
    /*overflow-y: scroll;*/
    padding: 25rpx 0;
}
swiper{
    height: 300px;
    overflow: visible;
}
 
swiper-item{
    height: 300px;
    overflow: visible;
}
// 双向绑定textarea
  updateValue: function (e) {
    this.setData({
      inputValue: e.detail.value
    });
  },


回答关注问题邀请回答
收藏

4 个回答

  • K.C.
    K.C.
    2020-03-20

    我也遇到了。微信官方现在还没解决吗?

    2020-03-20
    有用
    回复
  • 人生不过如此
    人生不过如此
    2019-11-30

    请问最后解决了吗?我也遇到了,规定了textarea的父元素的高度,然后textarea的高度100%,每输入几个字符然后换行,到最后焦点完全获取不到了

    2019-11-30
    有用
    回复 1
    • 杨虎
      杨虎
      2019-12-01
      ios 没有解决。。。。很尴尬。  可以用view  点击时隐藏,让textarea自动获取焦点
      2019-12-01
      回复
  • 是小白啊
    是小白啊
    2019-09-24

    不在swiper组件内使用是否正常呢?

    2019-09-24
    有用
    回复 8
    • 杨虎
      杨虎
      2019-09-24
      不在swiper中是正常的,我目前的使用场景是需要在swiper中使用。
      2019-09-24
      回复
    • 杨虎
      杨虎
      2019-09-24
      请问有什么解决办法
      2019-09-24
      回复
    • 是小白啊
      是小白啊
      2019-09-24回复杨虎
      需求场景是?
      2019-09-24
      回复
    • 杨虎
      杨虎
      2019-09-24
      我这边是一个答题的swiper,需要对题目进行切换,题目有选择题和填空题。。。
      2019-09-24
      回复
    • 是小白啊
      是小白啊
      2019-09-24回复杨虎
      这个在部分机型还是会有兼容性问题,在后面的同层渲染下会解决这个问题
      2019-09-24
      回复
    查看更多(3)
  • bibolibo
    bibolibo
    2019-09-24

    兄弟,做成代码片段可以不?可以帮你测试一下.谢谢.

    2019-09-24
    有用
    回复 15
    • 杨虎
      杨虎
      2019-09-24
      马上
      2019-09-24
      回复
    • bibolibo
      bibolibo
      2019-09-24回复杨虎
      好的,麻烦了
      2019-09-24
      回复
    • 杨虎
      杨虎
      2019-09-24
      https://developers.weixin.qq.com/s/fXh97Cml7xb8
      2019-09-24
      回复
    • 杨虎
      杨虎
      2019-09-24
      兄弟 你看下这个
      2019-09-24
      回复
    • bibolibo
      bibolibo
      2019-09-24回复杨虎
      好的
      2019-09-24
      回复
    查看更多(10)
登录 后发表内容
问题标签