iOS TextField issues with RTL text editing

[etolstoy]

There are some issues with handling the RTL text. Sample code:

CompositionLocalProvider(LocalLayoutDirection provides LayoutDirection.Rtl ) {
    TextField(
        value = text,
        onValueChange = {
            text = it
        }
    )
}

Affected platforms
Select one of the platforms below:

• iOS

Versions

• Kotlin version*: 1.8.20
• Compose Multiplatform version*: 1.4.0

To Reproduce
Bug #1: Type a word. Than press space. In RTL mode the caret jumps to the beginning of the line and a whitespace appears before the actual content. If you continue typing something other than whitespaces, the caret returns to its original position.

Bug #2: Selection handles behave very weird, both in the whitespace case from bug #1, with other pieces of RTL text and when you try to select all.

Related issues:

• rtl doesn't work on iOS #3997
• Incorrect Arabic digits text direction #2831
• Incorrect text cursor direction for Arabic digits #2772

[hfeky]

This issue also occurs on Desktop.

[hfeky]

RTL text support in Compose has many issues. These are also 2 other RTL text issues.

• Incorrect text cursor direction for Arabic digits #2772
• Incorrect Arabic digits text direction #2831

[okushnikov]

Please check the following ticket on YouTrack for follow-ups to this issue. GitHub issues will be closed in the coming weeks.