html52.com
我爱小程序-开发者交流社区

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

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

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


- 当前 Bug 的表现(可附上截图)如图所示,在使用 TextArea 的时候,如果设置(cursor-spacing)会导致View的真实位置上移,cursor-spacin
- 当前 Bug 的表现(可附上截图)如图所示,在使用 TextArea 的时候,如果设置(cursor-spacing)会导致View的真实位置上移,cursor-spacin

如图所示,在使用 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下面会多出一片空白。如下:

的,不过问题的表现形式不一样,在 iPhone 上是真实View位置被上移了,在 Android 上是倒置View下面会多出一片空白。如下:更确切的机型信息:iPhone6, iOS 12.3.1, 微信 7.0.4, SDK 2.7.0 这个是100%复现.


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


网友回复

娇华:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付