fix: relocate typing indicator into the input bubble

Move TypingIndicator from document flow (between MessageList and
MessageInput) into MessageInput's outer wrapper using absolute
bottom-full positioning. Fixes indicator being hidden behind the
floating glass input bubble on desktop.
This commit is contained in:
Jannis Braun
2026-03-04 04:27:26 +01:00
parent f7809cf457
commit 2d6cdd0a3c
5 changed files with 12 additions and 9 deletions
@@ -1,7 +1,6 @@
import React from 'react';
import { MessageList } from '../chat/MessageList';
import { MessageInput } from '../chat/MessageInput';
import { TypingIndicator } from '../chat/TypingIndicator';
import { useUIStore } from '../../stores/uiStore';
interface VoiceChatPanelProps {
@@ -31,9 +30,6 @@ export function VoiceChatPanel({ channelId, channelName }: VoiceChatPanelProps)
{/* Messages */}
<MessageList channelId={channelId} />
{/* Typing indicator */}
<TypingIndicator channelId={channelId} />
{/* Input */}
<MessageInput channelId={channelId} channelName={channelName} />
</div>