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
@@ -5,7 +5,6 @@ import { useUIStore } from '../../stores/uiStore';
import { useAuthStore } from '../../stores/authStore';
import { MessageList } from '../chat/MessageList';
import { MessageInput } from '../chat/MessageInput';
import { TypingIndicator } from '../chat/TypingIndicator';
import { VoiceGrid } from '../voice/VoiceGrid';
import { VoiceControlBar } from '../voice/VoiceControlBar';
import { VoiceChatPanel } from '../voice/VoiceChatPanel';
@@ -210,7 +209,6 @@ export function MainContent() {
</div>
</div>
<MessageList channelId={currentChannelId} />
<TypingIndicator channelId={currentChannelId} />
<MessageInput channelId={currentChannelId} channelName={`@${dmName}`} />
</div>
);
@@ -357,7 +355,6 @@ export function MainContent() {
</div>
</div>
<MessageList channelId={currentChannelId} />
<TypingIndicator channelId={currentChannelId} />
<MessageInput channelId={currentChannelId} channelName={channel.name} />
</div>
);