textarea的placeholder占位符,位置错位
发布于 5 年前 作者 xionggang 2007 次浏览 来自 问答

第三次提这个问题了。。。

文章篇幅很长,内容里得图片是慢悠悠加载出来得

猜测:图片没加载全时,textarea占了个位置,图片加载完后,textarea被顶下来了,但占位符还在原地。。。

官方大大,有没有什么解决办法提供下?

3 回复

同样也遇到了,封装好的一模一样的组件,有的页面调用起来完全没事,有的页面则在iPhone6s等个别机型上出现错位。什么不能用overflow啊,不能用滚动组件啊,不能用onPagescroll方法呀,fixed为true呀,都没效果。

最后居然,是因为父元素position设置为了absolute,改成relative就好了,感动到哭。

微信小程序的大佬们能不能重视一下这个问题,这都过了一年了,还没修复。

我的问题场景:

  1. 像二楼一样,textarea出现在列表循环中;

  2. iPhone6s等几部iPhone会出现,安卓我目前没发现;

.middle{
    width: 100%;
    height: auto;
    margin-top: 272rpx;
    position: relative;
    padding-bottom: 90rpx;
    z-index: 1;
}
<view wx:if="{{list && list.isload}}" class="middle" style="top: {{statusBarH.height}}px;" bind:tap="intoDetail">
  <block wx:for="{{list }}" wx:key="item.id">
    <hi-card
      mode="campCard"
      data-item="{{item}}"
      index="{{ index }}"
      bind:previewVideo="previewVideo"
      bind:delete="handleDeleteItem"
      bind:handleRating="toggleVisibleDialog"
    />
  </block>
  <hi-footer-tips/>
</view>
<view class="rating-dialog__content">
      <textarea
        adjust-position="{{ false }}"
        placeholder-class="rating-dialog__input-placeholder"
        class="rating-dialog__input"
        fixed="{{ true }}"
        placeholder="{{ placeholder }}"
        focus="{{ visible }}"
        value="{{ content }}"
        show-confirm-bar="{{ false }}"
        maxlength="{{ maxlength }}"
        bindblur="handleBlur"
        bindfocus="handleFocus"
        bindinput="handleInput"
      />

textarea封装在一个组件中,组件hi-card又调用了这个组件,页面中调用了hi-card。全程未使用滚动方法和滚动组件、滚动属性。

你好,请提供出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

input的,textarea 的  placeholder  这个应该 是有问题的,在页面中占位字符会跟随滚动条乱跑。官方自己测测吧!

回到顶部