收藏
回答

关于自定义弹出层和textarea的蛋疼的问题

问题模块 框架类型 问题类型 操作系统版本 手机型号 微信版本
客户端 小程序 Bug ios 5s 6.7.2

- 当前 Bug 的表现(可附上截图)

当自定义弹出层的下方存在textarea时,textarea的内容就会飘在弹出层上,如图

这是咋回事啊,知道textarea的层级很高,但也没必要这样吧,@官方出来解释一下啊,另外,点击弹出层也会穿透到下方的textarea上去

- 预期表现


- 复现路径


- 提供一个最简复现 Demo


最后一次编辑于  2018-08-31  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • 凌云摘星傲苍穹
    凌云摘星傲苍穹
    2018-08-31

    textarea 是原生组件,层级最高。请使用 cover-view 等方法覆盖,参考:https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html

    2018-08-31
    赞同
    回复 6
    • 宋思达
      宋思达
      2018-10-12

      <cover-view/> 内只能嵌套 <cover-view/> <cover-image/> <button/> <navigator/> <ad/> <official-account/>,textarea 标签的子节点树在真机上都会被忽略。

      2018-10-12
      回复
    • 凌云摘星傲苍穹
      凌云摘星傲苍穹
      2018-10-12回复宋思达

      用 cover-view 覆盖 textarea 是可以的

      2018-10-12
      回复
    • 宋思达
      宋思达
      2018-10-16回复凌云摘星傲苍穹

      你好,我是自定义了弹窗组件, <cover-view/> 是不能嵌套的吧

      2018-10-16
      回复
    • 凌云摘星傲苍穹
      凌云摘星傲苍穹
      2018-10-16回复宋思达

      对,cover-view 不能嵌套 textarea

      2018-10-16
      回复
    • 宋思达
      宋思达
      2018-10-16回复凌云摘星傲苍穹

      那请问这要怎么处理呢?

      2018-10-16
      回复
    查看更多(1)
  • _L
    _L
    2018-09-10

    @凌云摘星傲苍穹 你好,谢谢您的建议  不过我尝试 cover-view 包裹 textarea 依然层级最高,请问是不是还有什么注意的点吗? 

    <cover-view class="play">
               <textarea
                v-if="textarea"
                style="width: 100%;"
                :value="currentValue"
                @input="handleInput"
                placeholder-class="placeholder-custom"
                :placeholder="placeholder"
                :maxlength="maxlength" />
            </cover-view>


    2018-09-10
    赞同
    回复 1
  • 秋冰
    秋冰
    2018-09-01

    换呗,不用textarea ,给view加样式,做个textarea 的样子代替

    2018-09-01
    赞同
    回复
  • 莫过于此
    莫过于此
    2018-08-31

    哈哈哈,改下ui展现方式吧。自动规避

    2018-08-31
    赞同
    回复