小程序textarea组件在苹果手机上出现Bug

微信问答 文章 2021-12-02 15:20 344 0 全屏看文

AI助手支持GPT4.0

小程序textarea组件在苹果手机上出现BugThe applet textarea component has a bug on the iPhone

小程序textarea组件在苹果手机上出现Bug
框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug textarea 微信iOS客户端 8.0.5 2.16.1

代码:

预期:(安卓手机正常显示)

非预期表现: (苹果12 )

Framework type problem type API / component name terminal type wechat version basic library version applet bug textarea wechat IOS client 8.0.5 2.16.1 Code: expected: (Android phone displays normally) unexpected performance: (Apple 12)

鍥炵瓟锛�

      :

你单独写个输入框试试有没有问题,如果没有就是你整个页面哪里样式不对引起的,如果单个输入框也有问题那就是组件的问题

Lv: Max Human:

打码给我搞蒙逼了。我都不知道是键盘盖住了textarea还是你打的码盖住了。。把你的代码按照这样写个代码片段发出来 我试下。

https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

@T:
Lv: Max Human:写个代码片段发我。我真机测试下。
@T:我通过class类名设置了 textarea的高度,在安卓上这个样式是起到作用的。但是在苹果上,这一个样式没有作用,而且原来的textarea组件也有点变扁了
Lv: Max Human:ios 15.1   微信8.0.16
Lv: Max Human:三方键盘 以及手机自带键盘都试了。
@T:难道是我整个页面导致的,我在测试一下
Lv: Max Human:查看下是不是写了固定高度。flex布局。高度挤压了
养乐多💍:

设置一下这个cursor-spacing 属性试试

@T:我试一下
@T:不是这个的问题,因为在没有聚焦时,在苹果手机上都已经被压缩了,样式设置的高度也没有起到作用
养乐多💍:你设置一个min-height,试试

-EOF-

AI助手支持GPT4.0