scriptoriumadmin/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-10-29 06:32:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

fix: question card lays out Hebrew and Arabic text left to right (#32784)

Browse source 
When a model asks a question with Ask User in Hebrew, Arabic or another right-to-left language, the card is still laid out left to right, so the text is left-aligned and punctuation lands on the wrong end. The card now follows the Chat Direction setting like chat messages do: with the default Auto the whole card takes its direction from its text, and the Other answer box picks the direction of whatever is typed into it. English cards look the same as before.

Fixes #32778
This commit is contained in:
Classic298 2026-10-20 18:58:10 +02:00 • committed by GitHub
parent 2523389642
commit aee4cbf463
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/lib/components/chat/AskUserCard.svelte
View file

@ -3,6 +3,7 @@
import { onDestroy } from 'svelte';
import type { Writable } from 'svelte/store';
import type { i18n as i18nType } from 'i18next';
import { settings } from '$lib/stores';
import Tooltip from '$lib/components/common/Tooltip.svelte';
const i18n: Writable<i18nType> = getContext('i18n');
@ -171,7 +172,10 @@
</script>
{#if show}
<section class="my-1 rounded-2xl bg-gray-50/70 px-3.5 py-3 dark:bg-white/[0.035]">
<section
dir={$settings?.chatDirection ?? 'auto'}
class="my-1 rounded-2xl bg-gray-50/70 px-3.5 py-3 dark:bg-white/[0.035]"
>
<div class="space-y-2">
{#if question}
{#key question.id}
@ -199,7 +203,7 @@
{#each question.options || [] as option, optionIndex}
<button
type="button"
class="group flex w-full min-w-0 items-baseline gap-2 rounded-lg py-1.5 text-left transition-colors {isSelectedOption(
class="group flex w-full min-w-0 items-baseline gap-2 rounded-lg py-1.5 text-start transition-colors {isSelectedOption(
question,
optionIndex
)
@ -241,6 +245,7 @@
{$i18n.t('Other')}
</div>
<input
dir={$settings?.chatDirection ?? 'auto'}
class="min-w-0 flex-1 bg-transparent text-xs text-gray-800 outline-hidden placeholder:text-gray-400 dark:text-gray-100 dark:placeholder:text-gray-500"
placeholder={$i18n.t('Type your answer')}
value={otherText(question)}