Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[van-action-bar] 输入框获取焦点导致van-action-bar组件被顶上去 #13285

Open
ByteTerminator opened this issue Dec 26, 2024 · 3 comments

Comments

@ByteTerminator
Copy link

重现链接

https://codesandbox.io/p/devbox/vant-4-issue-template-forked-4xc3jt

Vant 版本

4.9.15

描述一下你遇到的问题。

一个空的项目,html、body、#app宽高设置100%,顶部使用一个van-field组件,底部使用van-action-bar组件,输入框获取焦点时底部van-action-bar组件被顶上去了,
测试设备截图
image
代码截图
image

重现步骤

1、点击输入框
2、查看van-action-bar组件是否被顶上去

设备/浏览器

荣耀V10(Android10)webview

@ByteTerminator ByteTerminator changed the title [Bug Report] 请在此填写标题 [van-action-bar] 输入框获取焦点导致van-action-bar组件被顶上去 Dec 26, 2024
@inottn
Copy link
Collaborator

inottn commented Dec 26, 2024

参考 #5739

@ByteTerminator
Copy link
Author

@inottn 除了隐藏以外有没有什么其他更好的方案或者思路呢

@inottn
Copy link
Collaborator

inottn commented Dec 26, 2024

这应该是个很常见的问题,因为输入框加底部 fixed 定位的布局是很常见的,你可以在网上搜索相关解决方案。我搜了一下隐藏应该是相对(和修改布局相比)比较方便的方案。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants