手机用搜索输入时输入法用不了

[SourceOnce]

手机上搜索时输入法弹出一下就弹回去了，包括官方文档也是

[HEIGE-PCloud]

能提供浏览器版本与手机系统版本的相关信息吗？

[HEIGE-PCloud]

Upload.from.GitHub.for.iOS.MOV

在 iOS Safari 上我没能复现这一问题，搜索栏在 Chrome 的 device emulation 中也工作正常。因此我怀疑是相关浏览器版本与兼容性造成的问题。

[SourceOnce]

安卓11，浏览器为yandex和edge，以及安卓版chrome

[SourceOnce]

Screenrecording_20211018_094303.mp4

三个浏览器都是这种情况

[HEIGE-PCloud]

这个搜索框就是个 <input type="text" placeholder="{{ .Site.Params.search.placeholder }}" id="search-input-mobile">

我手边的安卓设备上也没能复现这个问题。

能否请你先访问这个网站，并告诉我

这个输入框是否工作正常？

能否请你再访问这个网站，并告诉我它的输入框在你的设备上是否工作正常？

[SourceOnce]

这两个都是正常的。。。。就是doit的会上面那种问题，可能是手机问题😂😂

[HEIGE-PCloud]

也许换一个输入法试试看？

[HEIGE-PCloud]

也许和

$searchInput.addEventListener('focus', () => {
    document.body.classList.add('blur');
    $header.classList.add('open');
}, false);

$searchInput.addEventListener('input', () => {
    if ($searchInput.value === '') $searchClear.style.display = 'none';
    else $searchClear.style.display = 'inline';
}, false);

有关

[SourceOnce]

代码在哪个文件呀

[HEIGE-PCloud]

代码在哪个文件呀

https://github.com/HEIGE-PCloud/DoIt/blob/main/src/js/theme.js

[SourceOnce]

苹果设备都可以，我这边的安卓都不可以，不知道什么原因，代码对比loveIt也看不出什么问题。。。。

[HEIGE-PCloud]

我在 Chrome 和 Firefox 的 emulator 上也复现不出来... 所以还挺麻烦的.......

https://3708120f.hugodoit.pages.dev/ 能否尝试一下这个网址是否工作正常？

[SourceOnce]

哇，这个是正常的

[SourceOnce]

https://blog.gdgroups.club/
这个是我的

[HEIGE-PCloud]

可能与 #135 有关。#278 也与 #135 有关。

[SourceOnce]

请问我该如何解决这个问题

[HEIGE-PCloud]

这是最后一个正常工作的版本 https://68984a37.hugodoit.pages.dev/
这是第一个损坏版本 https://79b244b3.hugodoit.pages.dev/

这是造成问题的 commit 564cae8

[HEIGE-PCloud]

应该和 if (!searchConfig || isMobile && window._searchMobileOnce || !isMobile && window._searchDesktopOnce) return; 有关。

这个接近 1000 行的 theme.js 已经有向屎山发展的趋势了。没有注释也没有单元测试，维护的时候删一点加一点也不知道会搞坏什么东西 :/

[HEIGE-PCloud]

https://do-it-git-fix-search-pcloud.vercel.app/

麻烦帮忙测试一下 这个网址上的搜索框是否工作正常？

[SourceOnce]

工作正常