Many bugs on DocumentEditor in RTL mode

[Babak Yaghoobi]

Hi,

I test your DEMO :

https://ej2.syncfusion.com/react/demos/#/material/document-editor/default

and I see a lot of bugs in RTL mode and other right to left langs,

for reproduce just set text align right to left and type some words in persian or arabic then select one word and change font or font color or size then continue typing, now try to delete characters one by one you can see all this row words changed and even CTRL+Z not work correctly,

by the other means right to left typing is ok if you don't change any properties like fontName, fontSize, fontColor, fontBackColor, Bold, Italic and ...

if you try to change then you can't type normally or use CTRL+Z or even HOME and END key on your row,

regards

Babak Yaghoobi

[Harini Chellappa]

Hi Babak, 

We can reproduce the issue after applying character formatting. Currently we are validating on it. Will get back you with more details on it by Jan 13, 2020. 

Meantime for confirmation, can you please share the video demonstration for the rtl issues which you faced at your end. It will be helpful for us to serve you better. 

Note: Please check with latest version 17.4.41. 

Regards, 

Harini C 

[Babak Yaghoobi]

Hi dear Syncfusion Team

I provide a simple video sceenshot,

1. Just type a simple text and select a word and change it's color then press END key finally press Backspace key for deleting characters one by one. after a few chars you can see whole text was messed up !

2. HOME and END key not show pointer (caret) position.

3. In general deleting a text that have some changes like bold, fontname, font color, back color, causes clutter !

4. Add a header or footer in page and try to change text alignment or font name or color ! you cant because of covering header property pan over page common properties pan.

All tesing on 17.4.40

see video,

Regards

Babak Yaghoobi

Attachment: DocumentEditorRTL_c98dd989.zip

[Harini Chellappa]

Hi Babak, 

Thank you for sharing in detail. 

We can reproduce all the reported scenarios, except pointer not shown issue. 

HOME and END key not show pointer (caret) position 

Can you please share the steps to reproduce this issue? 

Also, we will validate all the reported scenarios and share you the details by Jan 14, 2020. 

Regards, 

Harini C 

[Babak Yaghoobi]

Hi,

I mean, if you have a left to right text and press keyboard Home key then you will see caret position in the first character of text and if you press keyboard End key then you will see caret position in the last character in the text, but in Right to Left text this is exactly the mirror, in RTL text if you press keyboard Home key you will see the caret position in the last character of text but that's must be in the first.

* this problem also happen with Left and Right arrow keys !

Regards 

Babak Yaghoobi

[Suriya Murugan]

Hi Babak, 

For your clarification, to apply RTL to the paragraph you have to use bidi property. If you change alignment property alone, it behaves like normal English word. You can check the same behavior in MS Word also. 

  

To apply RTL to the paragraph, you can use below two options: 

1.      In paragraph dialog, use Right to Left direction options. 

 

2.      Use bidi property in selection paragraph format. 

documenteditor.selection.paragraphFormat.bidi = true; 

  

It will right to left direction to selected paragraph. 

  

Please let me know if you have any questions. 

Regards, 

Suriya M. 

[Babak Yaghoobi]

Hello Suriya,

Thank you so much for your information, 

I'm waiting for your new release for testing more again on it ,

Regards 

Babak Yaghoobi

[Babak Yaghoobi]

Hi,

I test again on @syncfusion/ej2-react-documenteditor  version 17.4.43

with bidi=true and alignment: right

and still have a probelm on :

1. selecting word and change color or font or ... and delete characters

2.double click upper page for adding header section and can't change header font, color, alignment ...

Regards

Babak Yaghoobi

[Suriya Murugan]

Hi Babak, 

Sorry for the convenient caused. 

Currently, we are validating RTL related issue case by case. Once validation completed, we will update you more details on or before January 23,2019.  

Regards, 

Suriya M. 

[Harini Chellappa]

Hi Babak, 

Regarding Text properties not showing in header footer region 

 

We are glad to announce that our EJ2 patch release (v17.4.51) has been rolled out successfully. We have included fix for this issue. 

Please upgrade to the latest version packages to resolve this issue.               

https://www.npmjs.com/package/@syncfusion/ej2-react-documenteditor 

Release notes 

https://ej2.syncfusion.com/react/documentation/release-notes/17.4.51/#document-editor 

Note: once context is in header footer region, click on show/hide properties pane button from toolbar to open text properties pane. 

Please refer the below image for show/hide properties pane button. 

 

Regarding RTL issues.


 

We have logged the defect report for RTL issues and fix will be included in our upcoming 2020 Vol 1 Beta release which is expected to be rolled out on March 10, 2020. Once included, will update you. 

Regards, 

Harini C 

[Harini Chellappa]

Hi Babak, 

We are glad to announce that our 2020 Vol 1 main release v18.1.42 has been rolled out successfully and included the fix for the reported scenario in this release. 

Kindly upgrade your npm packages to latest version. 

https://www.npmjs.com/package/@syncfusion/ej2-react-documenteditor 

Release notes 

https://ej2.syncfusion.com/react/documentation/release-notes/18.1.42/#document-editor 

Regards, 

Harini C