bug:textarea的文字在页面上,固定在屏幕上面,不随页面滚动,在ios下,拖动底部界面,可见文字超出了页面外;textarea在display:flex元素内部;整个页面没有fixed元素;
之前的页面全屏滚动没有出现问题,现在是页面底部留下按钮区域,然后除按钮区域之外,滚动区域:overflow-y:auto;height:calc(100vh - 90rpx); 90rpx为底部按钮区域
安卓截图:
ios截图:
| 框架类型 | 问题类型 | 终端类型 | 微信版本 | 基础库版本 |
|---|---|---|---|---|
| 小程序 | Bug | 客户端 | 6.7.2 | 2.4.0 |
bug:textarea的文字在页面上,固定在屏幕上面,不随页面滚动,在ios下,拖动底部界面,可见文字超出了页面外;textarea在display:flex元素内部;整个页面没有fixed元素;
之前的页面全屏滚动没有出现问题,现在是页面底部留下按钮区域,然后除按钮区域之外,滚动区域:overflow-y:auto;height:calc(100vh - 90rpx); 90rpx为底部按钮区域
安卓截图:
ios截图:
7 个回答
page不要设置height: 100% 底部用cover-view，并且在textarea之后渲染
非全屏滚动 textarea内容固定 是存在了好久好久好久的bug了， 不要指望官方修复了
用了cover-view和cover-img都不能覆盖住textarea,
page也没有设置高度,已经放在最后面了也不起效呢
谢谢老铁啦
底部cover-view延迟渲染试试， 我这边只要是在textarea之后渲染的，就可以挡住
我现在是cover-view在页面最底部,然后onShow的时候延时一秒把它渲染,但是还是这样呢
还是发个 代码片段吧
https://developers.weixin.qq.com/s/mlYviim17l4n
麻烦老铁了
2022了 还没修复这个问题？ 吐了
你好，上面的代码片段链接打不开了，您这边问题解决了吗，我现在遇到了个相似的问题
官方都让你来参考这个解决方案 你说他会不会修复？
那你的textarea文字会随页面滚动吗
所以这个问题官方是不准备修复了？全当没看见
如果遇到同样的问题,可以参考上面对话中的代码片段哦,使用cover-view进行定位并设置zindex
textarea所在区域的高度不是全屏滚动就会出现这个问题,给textarea添加了fixed一样出现;
全屏滚动,按钮区域固定在底部,textarea文字又会穿透按钮;
设置textarea隐藏,用view标签替代的时候,focus设置成true又不自动弹起键盘
如果遮罩层上面的东西不复杂的话,可以用cover-view做成遮罩层,这种可以避免;但是cover-view有使用限制,不能嵌套放按钮什么的
这个就要cover-view和cover-image结合起来用