mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-03-13 19:30:36 -05:00
Code Issues Packages Projects Releases 138 Wiki Activity

fix: use logical CSS direction classes for RTL matrix question (#7463)

Browse Source 
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Dhruwang Jariwala
2026-03-13 15:36:41 +05:30
committed by GitHub
parent a7b2ade4a9
commit 4015c76f2b
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/survey-ui/src/components/elements/matrix.tsx
View File

@@ -103,7 +103,7 @@ function Matrix({
{/* Column headers */}
<thead>
<tr>
<th className="p-2 text-left" />
<th className="p-2 text-start" />
{columns.map((column) => (
<th key={column.id} className="p-2 text-center font-normal">
<Label className="justify-center">{column.label}</Label>
@@ -130,9 +130,9 @@ function Matrix({
disabled={disabled}
aria-required={required}
aria-invalid={Boolean(errorMessage)}>
<tr className={cn("relative", baseBgColor)}>
<tr className={cn("relative", baseBgColor)} dir={dir}>
{/* Row label */}
<th scope="row" className={cn("rounded-l-input p-2 align-middle")}>
<th scope="row" className={cn("rounded-s-input p-2 align-middle")}>
<div className="flex flex-col gap-0 leading-none">
<Label>{row.label}</Label>
</div>
@@ -145,7 +145,7 @@ function Matrix({
return (
<td
key={column.id}
className={cn("p-2 text-center align-middle", isLastColumn && "rounded-r-input")}>
className={cn("p-2 text-center align-middle", isLastColumn && "rounded-e-input")}>
<Label htmlFor={cellId} className="flex cursor-pointer justify-center">
<RadioGroupItem
value={column.id}