Javascript 是什么原因导致移动浏览器有时无法选择文本输入？

目标：
制作一个可以在桌面上使用的聊天界面，也可以在手机上使用

问题：
我收集了一个聊天机器人的概念证明。一切都非常简单，包括JS和CSS。
虽然我也有，但我怀疑这个问题可能是javascript问题

我有一个包含文本输入的div。div开始隐藏，单击同级div时可见。
此外（也在单击同级div时），焦点放在包含在中的文本输入上。
然而，在使用移动浏览器进行测试时，有些人无法访问/无法使用输入字段

// close invitiation and open chat
document.getElementById('chatbot-invitation').addEventListener('click', function () {
    hideChatInvitation()
    showChatContainer()
});

function hideChatInvitation() {
    document.getElementById('chatbot-invitation').classList.add('hide');
}

function showChatContainer() {
    document.getElementById('chatbot-inner-wrapper').classList.remove('hide');
    document.getElementById('textInput').focus();
}

示例：

问题：
目前的焦点是桌面浏览器。对于移动浏览器，是否需要做一些不同的事情