问题：我的项目使用了antd-mobile 的Popup + SearchBar组件组合，当在Android Chrome浏览器中，我点击SearchBar时，键盘会遮挡住Popup.
这是BUG图，打开键盘我已经看不到Popup的列表了。
mobile.jpeg
这是我使用Chrmoe浏览器电脑版调试，发现外部滚动条可以拖动到最下方，当外部滚动条拖动到最下方时，键盘也就不会遮挡内容了。
chromedebug.png
在这里顺便讲一下如何在电脑使用Chrmoe浏览器调试手机端的浏览器。
- 手机电脑保持同一网络
- 手机连接电脑，开启开发者模式
- 访问chrome://inspect/#devices
-
点击Inspect ， need climb wall
image.png
然后最后解决方案是， 每次点击searchInput的时候，我们找到popup节点，并且让滚动到可视区域
<SearchBar
onFocus={() => {
setTimeout(() => {
document.getElementsByClassName('adm-popup')[0].scrollIntoView();
}, 100);
}}
/>;
网友评论