Wrong cursor position When Mixing RTL and LTR Text

[bcmehdi8]

I notice an issue of wrong cursor positioning when writing arabic (RTL) with any other LTR language, the cursor issue is related only to LTR text, the cursor should be in the beginning of the LTR word when typing LTR text rather than the end of the word

This issue appear while Direction is set to RTL and TextAlignment set to Right

Here's the issue on Latest fleather demo

fleather-cursor.mov

Here's an example of how the cursor should behave around LTR words

correct-arabic-english-text.mp4

Environment

• Android 14
• Flutter version 3.19.4
• Fleather version 1.14.2

Thanks for this Amazing package!

[Amir-P]

Thanks for creating the issues! I have to say I'm not text editing expert, but there seems to be no standard for it and it's rather a design choice in different platforms and rich text editing softwares. Here are some examples:

Flutter's TextField on iOS:

Flutter's TextField on Android:

Flutter's TextField on Web (macOS):

Microsoft Word on macOS:

Google Docs (Web):

Apple Notes on macOS:

It seems like our editor behaves the same as Flutter's TextField but that doesn't necessarily mean it's the correct behavior and it has to be this way. Both way of painting cursor have advantages and disadvantages. When cursor is painted at the end of line (leftmost) when user types an RTL character it would be inserted where cursor was but if types LTR it will be inserted in the end of LTR text part and not where the cursor was.

Do you have any thoughts or proposal for this? @bcmehdi8

[Amir-P]

A few references to look at:

• https://marijnhaverbeke.nl/blog/cursor-in-bidi-text.html
• https://medium.com/phrase-engineering/handling-bi-directional-text-web-editor-d4a543d1a3b1
• http://www.unicode.org/reports/tr9