studio/meet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨(frontend) focus chat input on panel open

Browse Source 
move keyboard focus to the message input when the chat panel opens.

Signed-off-by: Cyril <c.gromoff@gmail.com>
This commit is contained in:
Cyril
2025-12-15 05:26:11 +01:00
parent fcb89c520e
commit 1d45d3aa7c
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/frontend/src/features/rooms/livekit/prefabs/Chat.tsx
View File

@@ -1,5 +1,5 @@
import type { ChatMessage, ChatOptions } from '@livekit/components-core' import type { ChatMessage, ChatOptions } from '@livekit/components-core'
import * as React from 'react' import React, { useEffect } from 'react'
import { import {
formatChatMessageLinks, formatChatMessageLinks,
useChat, useChat,
@@ -36,6 +36,11 @@ export function Chat({ ...props }: ChatProps) {
const { isChatOpen } = useSidePanel() const { isChatOpen } = useSidePanel()
const chatSnap = useSnapshot(chatStore) const chatSnap = useSnapshot(chatStore)
useEffect(() => {
if (!isChatOpen || !inputRef.current) return
inputRef.current.focus()
}, [isChatOpen])
// Use useParticipants hook to trigger a re-render when the participant list changes. // Use useParticipants hook to trigger a re-render when the participant list changes.
const participants = useParticipants() const participants = useParticipants()