钉钉小程序 input输入框在 ios上光标错位问题

593 阅读1分钟

钉钉小程序和钉钉开发者工具,一直以来我是十分抵触的,没有别的原因,就是不好用不好用不好用

今天又遇到一个奇葩的问题,就是标题所说的光标错位问题。查了查钉钉官方的文档(文档也很垃圾)也没有发现有什么属性可以解决这个问题

WechatIMG5.jpeg

经过一番面向百度编程之后,在支付宝小程序官方文档找到了解决方案

image.png

同时,也需要注意以下几种情况

  • 外层元素不用弹性布局设置成绝对定位或者是相对定位
// 不使用flex弹性布局
<view style="display:flex;">
    <input />
</view>
  • 当你使用了弹性布局,需要给表单元素添加enableNative="{{false}}"
<view style="display:flex;">
    <input enableNative="{{false}}" />
</view>
  • 外层元素使用了 fixed 固定定位 也会导致光标错位得问题,也需要给表单元素添添加 enableNative="{{false}}"
<view style="display:flex;">
    <input enableNative="{{false}}" />
</view>

总结

人生建议,不要做钉钉小程序!!!