ios系统,textarea放置在swiper中,当文字输入过多是时, 下方文字无法正常获取到焦点?
发布于 6 年前 作者 chaoguo 960 次浏览 来自 官方Issues

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
    });
  },
3 回复

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

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

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

回到顶部