收藏
回答

textarea的placeholder层级过高

问题模块
API和组件

BUG1:当设置了placeholder属性,并且有position:absolute元素覆盖在输入框之上,placeholder文字会显示在position:absolute上层

BUG2:当textarea处于一个position:absolute之内,并且posiiton:absolute带了overflow:auto;滚动的时候placeholder也会位置出现异常


最后一次编辑于  2017-10-31
回答关注问题邀请回答
收藏

7 个回答

  • HGM
    HGM
    2018-08-14

    已解决,还有谁!

    2018-08-14
    赞同
    回复 4
    • 傻傻
      傻傻
      04-23

      可以请问你是怎么解决的吗


      04-23
      回复
    • HGM
      HGM
      04-23回复傻傻

       当弹层出来的时候的,把textarea的节点wx:if=”{{false}}” ,同时实时获取textarea输入的内容,有个bindinput的实时获取值的方法,保存在一个变量中(content),同时要给这个textarea添加一个父级,把高度撑起来,弹层一消失;

      <textarea wx:if="{{show}}" value="{{content}}"></textarea>

      04-23
      回复
    • HGM
      HGM
      04-23回复傻傻

       不是很完美,但是能用

      04-23
      回复
    • 傻傻
      傻傻
      04-23回复HGM

      是的

      会弹/闪一下 也只能凑合着用啦

      04-23
      回复
  • 平风
    平风
    2017-10-31

    官方文档textarea组件最底下的Bug & Tip给出了完美的解释:

    4. tip: textarea 组件是由客户端创建的原生组件,它的层级是最高的。

    5. tip: 请勿在 scroll-view 中使用 textarea 组件。


    2017-10-31
    赞同
    回复
  • 徐乐
    徐乐
    2017-10-31

    还有编辑器,鼠标点击输入框,无法获得焦点,鼠标要点在输入框上方50px的位置,才能准确点中输入框,是1.0更新后,一只没解决

    2017-10-31
    赞同
    回复
  • 徐乐
    徐乐
    2017-10-31

    但是如果有absolute元素覆盖在textarea上面,placeholder就会出现在absolute之上


    2017-10-31
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-10-31

    他的textarea一直有问题,在你的父级元素加个position: relative,我还提了个问题呢 就在你下面一条帖子。

    2017-10-31
    赞同
    回复
  • 徐乐
    徐乐
    2017-10-31

    不是fixed,是absolute的元素

    2017-10-31
    赞同
    回复
  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2017-10-31

    属性加上fixed=true

    2017-10-31
    赞同
    回复