微信小程序--textarea显示文字至于最顶层, 但是覆盖其他view, 显示未超出

案例

问题是这样的, 我们想将textarea的高度设定自适应, so, 使用到了auto-height属性, 但是, 这个时候出现了问题, 因为我们最大输入量是1000字, 很容易超出屏幕大小的区域, 这时候textarea显示的内容会覆盖在其他的view之上.

问题:

textarea的view 显示区域正常, 只有文字覆盖在最上层, 如下图

这个是textarea的问题, 那么 如何解决呢

解决

这时候就需要cover-view替代那些本身需要覆盖在上面的view, 来解决这个问题.

注意

这里需要注意的几点, 是有关css的样式的问题

1. 原来view的文字居中, cover-view无效, 此时, 需要cover-view的嵌套大发, 就是文字放到cover-view上, 由父级的cover-view让子cover-view居中即可.
2. cover-view的存在绝对位置的情况下, 也就是position: absolute;, 此时父级的居中无效
3. cover-view是覆盖在原生标签上的, 还是跳不出导航栏和底边栏.
4. 看需求吧, 我是感觉cover-view的性能和延展都比较低, 能不用不用, 一旦使用, 需要协调好层级和显示.