Hi,
I'm currently making a website multilingual and have encountered an issue when text is rendered within a table cell.
Direction is set to rtl via css however when the text wraps onto more than one line it doesn't seem correct. For example - If I use integer values to show each characters position in a string a left to right string might look like so -
1 2 3 4 5 6 7 8 9 10
when wrapped in a table column with a fixed width -
1 2 3 4 5
6 7 8 9 10
So when right to left I'd expect
10 9 8 7 6 5 4 3 2 1
and when wrapped
5 4 3 2 1
10 9 8 7 6
But what I get when wrapped is -
10 9 8 7 6
5 4 3 2 1
A real Life example ltr -
"<TABLE cellSpacing='0' cellPadding='0' border='0' xmlns:msxsl='urn:schemas-microsoft-com:xslt'><tr><td class='dDetails'><B>Jim Smith</B>Assessor on 20/01/2016 10:26 - said </td></tr><tr class='endline'><td><SPAN id='dTxt'>Please reply</span></td></tr></TABLE>"
rtl -
"<TABLE cellSpacing='0' cellPadding='0' border='0' xmlns:msxsl='urn:schemas-microsoft-com:xslt' style='direction: rtl;'><tr><td class='dDetails'>said - 10:26 20/01/2016 - on Assessor <B>Smith Jim</B></td></tr><tr class='endline'><td><SPAN id='dTxt'>Please reply</span></td></tr></TABLE>"
ltr is fine but rtl the text seems to start from the bottom right of the cell and finish at the top left, when it should go from the top right to the bottom left?