textarea不是一般的垃圾,简直就是发际线后移的罪魁祸首
发布于 6 年前 作者 rchang 9792 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

输入内容乱飘,也是醉了。

  • 预期表现
  • 复现路径
  • 提供一个最简复现 Demo

<swiper class=‘swiper’ current="{{currentTab}}" duration=“300”  bindchange=“swiperTab” circular=“true”>

    <swiper-item class=‘creatNewCollection’ >

        <view class=‘title’>

        <text>设置收集祝福条件</text>

        </view>

          <scroll-view scroll-y=‘true’ class=‘scrollView’>

        <view class=‘setReceiveInfoHint’>

        <text class=‘hint’>接收者信息</text>

        </view>

        <view class=‘receiverInfo’>

                <view class=‘setHeadPic’ hidden=’{{receiverHeadPic}}’ bindtap=‘showChooseHeadPicModal’>

                    <text class=‘hint’>选择头像</text>

                </view>

              <image class=‘receiverHeadPic’ src=’{{receiverHeadPic}}’ mode=‘aspectFill’ hidden=’{{!receiverHeadPic}}’></image>

 

            <view class=‘nickNameView’>

                  <text class=‘hint’ style=‘margin-bottom:20rpx;’>昵称</text>

                  <input class=‘inputReceiverNickName’ maxlength=‘10’ ></input>

            </view>

        </view>

          <modal class=‘chooseHeadPicModal’ no-cancel=‘true’ confirm-text=“取消”   bindconfirm=‘hideChooseHeadPicModal’ hidden=’{{!showChooseHeadPicModal}}’ title=‘选择接收者头像’>

             <view class=‘chooseHeadPicHint’>

                <text>默认头像</text>

             </view>

              <view class=‘defaultReceiverHeadPicView’>

                   <image class=‘defaultReceiverHeadPic’ mode=‘aspectFill’ src=’{{item}}’ data-index=‘index’  wx:for=’{{defaultReceiverHeadPicList}}’ wx:for-index=“index” wx:key=‘index’>                          </image>

              </view>

              <button class=‘chooseHeadPicButton’ type=‘primary’ plain=‘true’ style=‘margin-top:10rpx;’>从相册选择</button>

        </modal>

        <view class=‘senderBlessingInput’>

           <text class=‘hint’>收集原因</text>

           <textarea class=‘input’ maxlength=‘140’ hidden=’{{showChooseHeadPicModal}}’ show-confirm-bar=’’ auto-height=‘true’></textarea>

        </view>

        <view class=‘senderBlessingInput’>

           <text class=‘hint’>我的祝福</text>

           <textarea class=‘input’ maxlength=‘140’  hidden=’{{showChooseHeadPicModal}}’  show-confirm-bar=’’ auto-height=‘true’></textarea>

        </view>

          </scroll-view>

    </swiper-item>

2 回复

我也遇到这个问题了  在swiper下会乱飘 完全找不到焦点了  官方没人解决下吗

感觉textaea的z-index很怪异哦。

你整任你整,我在最上层~~

回到顶部