textarea的placeholder占位符，位置错位 - WXOPEN Club

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

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

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

官方大大，有没有什么解决办法提供下？

3 回复

maming1 楼6 年前

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

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

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

我的问题场景：

像二楼一样，textarea出现在列表循环中；
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。全程未使用滚动方法和滚动组件、滚动属性。

xiuyinggao2 楼6 年前

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

szeng3 楼5 年前

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