🐛 fix: the input box is prone to losing focus

[mushan0x0]

💻 变更类型 | Change Type

• [ ] ✨ feat
• [x] 🐛 fix
• [ ] ♻️ refactor
• [ ] 💄 style
• [ ] 🔨 chore
• [ ] 📝 docs

🔀 变更说明 | Description of Change

Close #833

防止输入框总是失焦

📝 补充信息 | Additional Information

https://github.com/lobehub/lobe-chat/assets/29084441/867b26fe-c16b-4672-8b72-631322f60119

[vercel[bot]]

@mushan0x0 is attempting to deploy a commit to the LobeHub Team on Vercel.

A member of the Team first needs to authorize it.

[lobehubbot]

👍 @mushan0x0

Thank you for raising your pull request and contributing to our Community Please make sure you have followed our contributing guidelines. We will review it as soon as possible. If you encounter any problems, please feel free to connect with us.
非常感谢您提出拉取请求并为我们的社区做出贡献，请确保您已经遵循了我们的贡献指南，我们会尽快审查它。 如果您遇到任何问题，请随时与我们联系。

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (5e7985a) 84.94% compared to head (60f148a) 85.02%. Report is 1 commits behind head on main.

:exclamation: Current head 60f148a differs from pull request most recent head 086bd7d. Consider uploading reports for the commit 086bd7d to get more accurate results

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #834      +/-   ##
==========================================
+ Coverage   84.94%   85.02%   +0.07%     
==========================================
  Files         167      168       +1     
  Lines        7501     7539      +38     
  Branches      760      768       +8     
==========================================
+ Hits         6372     6410      +38     
  Misses       1129     1129              

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[arvinxx]

点 topic search、还有 alt 双击 topic 呢？

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Click topic search, and alt double-click topic?

[mushan0x0]

点 topic search、还有 alt 双击 topic 呢？

都OK，除非点了别的输入框，否则不会失去焦点

https://github.com/lobehub/lobe-chat/assets/29084441/06e187cd-a9c9-43a9-bc9a-ce9075a80d21

[mushan0x0]

改了下，现在可以全程是聚焦状态了

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

I changed it and now it can be in focus the whole time.

[mushan0x0]

@arvinxx 看看呢，重新用鼠标事件实现了一下，完全模拟微信的焦点逻辑

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@arvinxx Let’s take a look. We implemented it again using mouse events, completely simulating WeChat’s focus logic.

[mushan0x0]

@arvinxx 测试和注释加好了

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@arvinxx tests and comments added

[mushan0x0]

用快捷键聚焦太多余了吧，像微信qq这样的焦点始终在输入框应该是最好的，即使点来点去，还是可以直接输入内容

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

It is too redundant to use shortcut keys to focus. It should be best to always focus on the input box like WeChat QQ. Even if you click here and there, you can still input content directly.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
lobe-chat	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 29, 2023 8:44am

[canisminor1990]

有 bug, 编辑消息的时候无法 focus, 弹窗里的 input 和 textarea 也是 @mushan0x0

https://lobe-chat-git-fork-mushan0x0-fix-input-blur-lobehub.vercel.app

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

There is a bug, unable to focus when editing a message

[canisminor1990]

复现方法, 当有多个 input 区域出现的时候

[canisminor1990]

建议改成只在切换 助手 和 topic 时做一次性的聚焦

[mushan0x0]

感觉像是 vercel 预览环境导致的，我先看看啥情况

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

It is recommended to only do one-time focus when switching assistants and topics.

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

It feels like it's caused by the vercel preview environment. I'll check what's going on first.

[mushan0x0]

@canisminor1990 https://lobe-chat-1-32b9htu5s-mushan0x0.vercel.app/chat 我自己这个预览环境完全没问题呢，你这个地址代码是最新的吗

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@canisminor1990 https://lobe-chat-1-32b9htu5s-mushan0x0.vercel.app/chat My own preview environment is completely fine. Is your address code up to date?

[canisminor1990]

https://lobe-chat-1-32b9htu5s-mushan0x0.vercel.app/chat

没权限

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

https://lobe-chat-1-32b9htu5s-mushan0x0.vercel.app/chat

No permission

[canisminor1990]

@canisminor1990 https://lobe-chat-1-32b9htu5s-mushan0x0.vercel.app/chat 我自己这个预览环境完全没问题呢，你这个地址代码是最新的吗

我这个地址就是这个pr的预览

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@canisminor1990 https://lobe-chat-1-32b9htu5s-mushan0x0.vercel.app/chat My own preview environment is completely fine. Is your address code up to date?

My address is the preview of this PR

[canisminor1990]

你试试当存在那个要求你输入密码盒api的消息存在时，你再点编辑消息

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

You try when there is a message asking you to enter the password box api, and then click edit message