公告列表
公告列表
收藏
回答

textarea的placeholder穿透问题？

已解决具体查看：https://developers.weixin.qq.com/community/develop/article/doc/0004eea3024e7075653a30bb05ac13

textareaplaceholder 如图

页面上滑的时候textarea的placeholder会穿透过来 工具上面正常，真机会出现这样的问题

vivo NEX s 7.0.13

最后一次编辑于  2020-04-17
回答关注问题邀请回答
收藏

10 个回答

  • 对方正在输入..🧸
    对方正在输入..🧸
    2020-09-01

    如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true

    fixed=true

    是否显示键盘上方带有”完成“按钮那一栏（不过我这里完成已经设置成false还是没去掉）

    show-confirm-bar=false

    2020-09-01
    有用 1
    回复 1
    • 默
      默
      2020-09-02
      show-confirm-bar=“{{true}}”
      2020-09-02
      赞
      回复
  • 深海鱼
    深海鱼
    2020-05-26

    实在是忍不住了，无论用cover-view还是设置fixed，都会引来额外的问题，于是自己自定义了一个，目前解决了的问题，组件已开源：https://github.com/prianyu/textarea

    2020-05-26
    有用 1
    回复 2
    • 默
      默
      2020-05-26
      ...
      2020-05-26
      赞
      回复
    • 佐罗（东鹏）
      佐罗（东鹏）
      2020-09-15
      fixed="true"
      2020-09-15
      赞
      回复
  • Alex🤘
    Alex🤘
    2020-09-18
    官方能不能解决下,现在输入的文本与placeholder都在穿透了,可以支持同级渲染不


    2020-09-18
    有用
    回复
  • u
    u
    2020-05-09

    textarea组件的placeholder去掉，用标签定位来代替。

    2020-05-09
    有用
    回复 1
    • 默
      默
      2020-05-11
      不行的 textarea输入的内容层级和placeholder层级一样 会有层级问题 如果不用cover-view组件最好的办法应该就是隐藏textarea使用view代替
      2020-05-11
      赞
      回复
  • 晴天
    晴天
    2020-04-17

    吸顶用 cover-view 写


    2020-04-17
    有用
    回复 3
    • 默
      默
      2020-04-17
      已解决 感谢
      2020-04-17
      赞
      回复
    • 感谢你曾来过
      感谢你曾来过
      2020-05-11
      怎么解决的楼主
      2020-05-11
      赞
      回复
    • 默
      默
      2020-05-26回复感谢你曾来过
      换成cover-view标签即可
      2020-05-26
      赞
      回复
  • zhiou
    zhiou
    2020-04-16

    只有textarea组件会穿透，如果真的是input组件穿透，这个要@官方

    目前解决方案是当滚动到顶部的时候把input改为view替换

    2020-04-16
    有用
    回复 8
    • 默
      默
      2020-04-16
      使用v-if切换吗？ v-if好像对textarea没用啊 还是会显示的
      2020-04-16
      赞
      回复
    • 默
      默
      2020-04-16
      不好意思 记错元素了 是textarea
      2020-04-16
      赞
      回复
    • zhiou
      zhiou
      2020-04-16回复默
      2020-04-16
      赞
      回复
    • zhiou
      zhiou
      2020-04-16回复默
      我就说input组件怎么会穿透，建议你把描述问题textarea组件放到页面下面或者中部
      2020-04-16
      赞
      回复
    • 默
      默
      2020-04-16
      兄弟 这个不是我能决定的啊 我只是个小开发
      2020-04-16
      赞
      回复
    查看更多(3)
  • Admin ²º²⁴
    Admin ²º²⁴
    2020-04-16

    这个是textarea吧？

    无敌穿透王的原生组件。

    建议动态获取滚动位置，如果在「发布」那个高度的位置内的时候动态修改placeholder为空

    2020-04-16
    有用
    回复 5
    • 默
      默
      2020-04-16
      这样用户体验不是很好  之前看到了一个例子就是这种方法 测试之后产品经理不太乐意
      2020-04-16
      赞
      回复
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-04-16回复默
      那换成
      editor | 微信开放文档
      https://developers.weixin.qq.com/miniprogram/dev/component/editor.html
      2020-04-16
      赞
      回复
    • 默
      默
      2020-04-16
      不好意思 记错元素了 是textarea
      2020-04-16
      赞
      回复
    • TTTANG
      TTTANG
      2020-04-17回复Admin ²º²⁴
      Cool
      2020-04-17
      赞
      回复
    • Jack Lin
      Jack Lin
      2020-04-18
      设置placeholder为空的时候，textarea输入字。如果上面有浮层依然挡不住。
      2020-04-18
      赞
      回复
  • 唏嘘
    唏嘘
    2020-04-16

    你框中的地方加上背景色白色试试 再弄个 z-index:999 就好了

    --↓↓👍点赞是回答的动力哦

    2020-04-16
    有用
    回复 7
    • 默
      默
      2020-04-16
      没用 试过了
      2020-04-16
      赞
      回复
    • 默
      默
      2020-04-16
      不好意思 记错元素了 是textarea
      2020-04-16
      赞
      回复
    • 唏嘘
      唏嘘
      2020-04-16回复默
      textarea元素的话   那就不好改    要么忽视他   要么上滑时候隐藏他

      --↓↓👍点赞是回答的动力哦

      2020-04-16
      赞
      回复
    • 默
      默
      2020-04-16回复唏嘘
      唉 我太难了
      2020-04-16
      赞
      回复
    • 唏嘘
      唏嘘
      2020-04-16回复默
      都是这样过来的 唉~   不然建议让他们把  确认按钮放到下面
      2020-04-16
      赞
      回复
    查看更多(2)
  • 郑钱花
    郑钱花
    2020-04-16

    请看文档https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html

    input是个原生组件，层级最高，目前还没有做同层渲染



    2020-04-16
    有用
    回复 4
    • 默
      默
      2020-04-16
      在社区有看到帖子说已经调整了 但是我这设置z-index还是没有效果啊 调整是假的？
      2020-04-16
      赞
      回复
    • 郑钱花
      郑钱花
      2020-04-16回复默
      调整了的话，文档还没更新，代表还没正式发布，也就意味着在微信最新版出来之前没有用户能用。
      2020-04-16
      赞
      回复
    • 郑钱花
      郑钱花
      2020-04-16回复默
      最简单处理，老方案了，只有在聚焦的时候才替换为input，其他时候用个假的view替代input的出现
      2020-04-16
      赞
      回复
    • 默
      默
      2020-04-16
      不好意思 记错元素了 是textarea
      2020-04-16
      赞
      回复
  • 团团呗
    团团呗
    2020-04-16

    加z-index试试

    2020-04-16
    有用
    回复 11
    • 默
      默
      2020-04-16
      不行的 加了没用的
      2020-04-16
      赞
      回复
    • 团团呗
      团团呗
      2020-04-16回复默
      我这边试了是可以的，检查一下样式
      2020-04-16
      赞
      回复
    • 团团呗
      团团呗
      2020-04-16回复默
      https://developers.weixin.qq.com/s/YfpEBEmi79gT
      2020-04-16
      赞
      回复
    • 团团呗
      团团呗
      2020-04-16回复默
      z-index加上就好了
      2020-04-16
      赞
      回复
    • 默
      默
      2020-04-16
      不好意思 记错元素了 是textarea
      2020-04-16
      赞
      回复
    查看更多(6)
请 登录 后发表内容
相关问题
相关文档
问题标签
小程序开发组件placeholder表单组件textarea