收藏
回答

textarea 设置 cursor-spacing 导致 View 向上偏移

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug textarea 客户端 7.0.4 2.7.0

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




如图所示,在使用 TextArea 的时候,如果设置(cursor-spacing)会导致View的真实位置上移,cursor-spacing 设置的越大或者文字输入的越多就会导致View的真实位置偏移的越多。虽然 View 在显示的时候是正常的,但是实际上图中的 发送 按钮是点击不到的,因为它的实际位置被上移了。


- 预期表现

View的位置正确显示,按钮可以点击。


- 复现路径

我们做了一个只包含 textarea 的最简工程:https://github.com/ntop001/wechatbug

贵司研发可以导入到 IDE 里面,运行小程序,在 IDE 中打开真机调试,查看 Wxml 的布局,可以看到上图的结果。这个问题导致的问题就是 “发送” 按钮经常会点击不到,输入的文字越多问题越明显。


这个问题在 iPhone 上 100% 复现(本人机型 iPhone6),IDE 没有问题(因为IDE不会弹出输入框)。在 Android 上其实也是有问题的,不过问题的表现形式不一样,在 iPhone 上是真实View位置被上移了,在 Android 上是倒置View下面会多出一片空白。如下:


更确切的机型信息:iPhone6, iOS 12.3.1, 微信 7.0.4, SDK 2.7.0 这个是100%复现.


最后一次编辑于  2019-06-25
回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2019-06-25

    你好,麻烦提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2019-06-25
    赞同
    回复 1
登录 后发表内容