小程序
小游戏
企业微信
微信支付
扫描小程序码分享
比如textarea 如果在swiper里面 比如第3个swiper里面有placeholder,无论怎么滑动swiper,整个屏幕都会出现placeholder,并且输入的字也会被placeholder挡住。(备注:textarea 在非固定定位的环境中不能使用fixed,但是textarea 随着内容(textarea 是在文章中的那种)往下滑动的那种placeholder有问题了。 )
8 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我是把Textarea放在Popup下会出现这种问题,就算设置了 fixer="{{ true }}"也是一样
滚动的时候Textarea里的 placeholder或者内容 也会跟着滚动
人已经崩溃了....本来以为设置禁用可以锁住结果也是不行
另外
开发者工具运行下是没有问题的....但是真机不行,我用的是Android
难不成只能用 input 替代了?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
就是这样的问题,图示表单在一个view容器中,而这个view容器是一个设置了CSS属性position:fixed;和overflow-y:auto;的元素。(注意:下图为iPhone 7,留意滚动条的位置)
当我的表单中textarea元素内文本在过多的时候会让这个view元素出现滚动条,当用手指在手机上滑动后,文本域的框是跟随滑动了的,但是里面的文本却还是固定在了原地,这样就会遮到按钮,导致“取消”和“确定”(这里是“修改笔记”)按钮无法被点击,而是点击到了“漂浮”的文本域上,导致直接弹出手机的虚拟键盘。
文本域部分的代码如下:
<textarea data-name="content" placeholder="请输入笔记内容" bindinput="getInputValue" value="{{note.content}}" maxlength="280" fixed="true" cursor-spacing="24" hold-keyboard="true" disable-default-padding="true" auto-height ></textarea>
其中textarea的fixed属性试还过“false”、“{{false}}”、“{{true}}”这样的值,其它无关的属性也逐一移除过,均不能解决这个问题。
文本域的父容器<view>全部样式如下:
.booknote-addpannel { width: 100%; padding: 24rpx; background-color: #f3f9fa; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; overflow-y: auto; box-sizing: border-box; }
其内的文本域CSS样式如下:
.booknote-addpannel textarea { width: calc(100% - 24rpx); padding: 12rpx; border: 1px solid #cbcbcb; font-size: 30rpx; }
这是我的代码片段,也出现了同样的问题,内容浮动,请问解决了嘛?
https://developers.weixin.qq.com/s/jI110WmR77fT
我也遇到这个问题了,在真机IOS系统上测试,textarea的属性placeholder 居然会出现不见或者不随滚动条滚动,更惨的是无法点击输入文本! 我的textarea是随着滚动条出现,就是说页面下面,滚动上来后出现这些问题了
在fixed布局中用这个textarea就是会有很多问题 ios系统
老哥这个问题解决了吗,我ios目前也出现了这样的问题,模拟器正常,预览和真机都有这种情况
原生组件层级是最高的,平时可以用view代替,要输入的时候才换成text吧
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
textarea是原生组件,不可以设置fixedhttps://developers.weixin.qq.com/miniprogram/dev/component/native-component.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我是把Textarea放在Popup下会出现这种问题,就算设置了 fixer="{{ true }}"也是一样
滚动的时候Textarea里的 placeholder或者内容 也会跟着滚动
人已经崩溃了....本来以为设置禁用可以锁住结果也是不行
另外
开发者工具运行下是没有问题的....但是真机不行,我用的是Android
难不成只能用 input 替代了?
就是这样的问题,图示表单在一个view容器中,而这个view容器是一个设置了CSS属性position:fixed;和overflow-y:auto;的元素。(注意:下图为iPhone 7,留意滚动条的位置)
当我的表单中textarea元素内文本在过多的时候会让这个view元素出现滚动条,当用手指在手机上滑动后,文本域的框是跟随滑动了的,但是里面的文本却还是固定在了原地,这样就会遮到按钮,导致“取消”和“确定”(这里是“修改笔记”)按钮无法被点击,而是点击到了“漂浮”的文本域上,导致直接弹出手机的虚拟键盘。
文本域部分的代码如下:
<textarea data-name="content" placeholder="请输入笔记内容" bindinput="getInputValue" value="{{note.content}}" maxlength="280" fixed="true" cursor-spacing="24" hold-keyboard="true" disable-default-padding="true" auto-height ></textarea>
其中textarea的fixed属性试还过“false”、“{{false}}”、“{{true}}”这样的值,其它无关的属性也逐一移除过,均不能解决这个问题。
文本域的父容器<view>全部样式如下:
.booknote-addpannel { width: 100%; padding: 24rpx; background-color: #f3f9fa; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; overflow-y: auto; box-sizing: border-box; }
其内的文本域CSS样式如下:
.booknote-addpannel textarea { width: calc(100% - 24rpx); padding: 12rpx; border: 1px solid #cbcbcb; font-size: 30rpx; }
这是我的代码片段,也出现了同样的问题,内容浮动,请问解决了嘛?
https://developers.weixin.qq.com/s/jI110WmR77fT
我也遇到这个问题了,在真机IOS系统上测试,textarea的属性placeholder 居然会出现不见或者不随滚动条滚动,更惨的是无法点击输入文本! 我的textarea是随着滚动条出现,就是说页面下面,滚动上来后出现这些问题了
在fixed布局中用这个textarea就是会有很多问题 ios系统
老哥这个问题解决了吗,我ios目前也出现了这样的问题,模拟器正常,预览和真机都有这种情况
原生组件层级是最高的,平时可以用view代替,要输入的时候才换成text吧
你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
textarea是原生组件,不可以设置fixed
https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html