fix: respect RTL text direction in file attachment containers (#19891)

Fixes #19742 where file attachment containers did not inherit the chat direction setting, causing layout issues when typing in RTL languages like Persian.

Added dir={$settings?.chatDirection ?? 'auto'} to file container divs in:
- MessageInput.svelte (chat input file attachments)
- UserMessage.svelte (user message file display)
- ResponseMessage.svelte (response message file display)
- channel/Messages/Message.svelte (channel message file display)

The fix ensures file containers automatically detect and respect RTL text direction, maintaining proper layout alignment for RTL languages while preserving LTR behavior for Latin text.
This commit is contained in:
Joseph Roberts authored and GitHub committed 2025-12-11 20:51:40 -05:00
1 parent 18e6cfb1fd
commit 90209a30a8
4 files changed
+16 -4

No files matched your search

@@ -338,7 +338,10 @@
<Skeleton />
</div>
{:else if (message?.data?.files ?? []).length > 0}
<div class="my-2.5 w-full flex overflow-x-auto gap-2 flex-wrap">
<div
class="my-2.5 w-full flex overflow-x-auto gap-2 flex-wrap"
dir={$settings?.chatDirection ?? 'auto'}
>
{#each message?.data?.files as file}
<div>
{#if file.type === 'image' || (file?.content_type ?? '').startsWith('image/')}