getodk / getodk/web-forms

Improve display support for RTL languages

Open
#480 0 comments 0 reactions 0 assignees View on GitHub
enhancement front-end needs ui/ux design
Dominant language
TypeScript
Stars
38
Forks
22
PR merge metrics
No merged PRs in 30d

Description

### Description

The form renders correctly, but everything is left-aligned.

Some components might need to adjust their controls (buttons, kebab menu) to support right-aligned text.

XML Form

```xml


RTL.Alignment.Test




<p style="text-align:end">واحد</p>


<p style="text-align:center">اثنين</p>


<p style="text-align:start">ثلاثة</p>


أربعة


تسمية السؤال المحاذاة بشكل صحيح




<p style="text-align:end">one</p>


<p style="text-align:center">two</p>


<p style="text-align:start">three</p>


four


Correctly-aligned question label














options-0
one


options-1
two


options-2
three


options-3
four















```

### Related Issues

- https://docs.getodk.org/form-language/

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the XML form example in the issue and inspect the web form rendering and controls it identifies, including buttons and the kebab menu. Verify Arabic right-to-left rendering, text alignment, and control placement; the work is done when the form and its controls display correctly for RTL languages.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, internationalization
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.