Throughout our WebApp we need to hide text overflow (normally for data in a table), and display ellipsis.
In some edge-cases, the significant data appears at the end of the text. A reasonable solution to this would appear to be using the CSS "direction: rtl;" feature.
See sample: http://jsfiddle.net/ZfbaD/217/
This works as expected in Firefox 28
Image may be NSFW.
Clik here to view.
However, in IE 11 (and indecently Chrome 34) while the ellipsis appear on the left, it is the text on the right which is clipped.
Image may be NSFW.
Clik here to view.
Should this be the expected behaviour?
