no cursor pointer while chat has focus

Author: h908714124

src/main/client/src/component/Chat.jsx

@@ -134,6 +134,7 @@ export const Chat = ({chatId, className}) => {
       <input
         className="w-full px-1 py-1 border border-gray-500 bg-stone-800 text-stone-100 focus:outline-none"
         type="text"
+        id="chat-input"
         name="message"
       />
     </form>

src/main/client/src/feature/game/Game.jsx

@@ -123,6 +123,10 @@ function Board({gameState, setGameState}) {
 
   useEffect(() => {
     let onKeyDown = (e) => {
+      let activeElement = window.document.activeElement
+      if (activeElement?.id === "chat-input") {
+        return
+      }
       if (e.ctrlKey || e.shiftKey) {
         setCtrlKeyDown(true)
       }