quitter
quitter
  • 发布:2020-04-01 10:21
  • 更新:2020-04-01 16:36
  • 阅读:632

【报Bug】textarea 小程序css布局BUG (有图有真像)

分类:uni-app

详细问题描述

因项目需求需要做些特殊布局,发现在小程序中使用textarea时 上下滑动界面时 textarea中的内容(包括placeholder)会一直固定在屏幕中某个位置

[内容]

重现步骤代码

<template>  
    <view class="body">  
        <view class="demo"></view>  
        <textarea value="" placeholder="注意看此处 (textarea)" placeholder-class="demo__placeholder" />  
        <view class="demo"></view>  
        <view class="demo"></view>  
        <view class="demo"></view>  
    </view>  
</template>  
<style>  
    page{  
        width: 100%;  
        height: 100%;  
        background-color: #f1f1f1;  
    }  
    .body{  
        width: 100%;  
        height: 100%;  
        overflow-y: auto;  
    }  
    .demo{  
        width: 100%;  
        height: 200px;  
        background-color: #2C405A;  
        margin: 50rpx 0;  
    }  
    textarea{  
        width: 700rpx;  
        padding: 10rpx;  
        margin: 0 auto;  
        background-color: #fff;  
    }  
    .demo__placeholder{  
        color: red;  
    }  
</style>

目前在微信小程序真机模拟中发现,H5中未发现问题

2020-04-01 10:21 负责人:无 分享
已邀请:
x***@qq.com

x***@qq.com - 疑问?的小纳?

应该是其他页面的样式和当前页面冲突了,检查一下有没有样式覆盖。

Howoton

Howoton - 前端开发

这个问题是因为小程序中textarea的placeholder层级是最高的,目前比较好的解决办法就是通过隐藏显示来控制

该问题目前已经被锁定, 无法添加新回复