JSFiddle - React, Tailwind, and code Playground

HTML

This test should show:<br/>
…435b34749ed98
<br/><br/>
What we actually get is:<br/>
<div>eb81c5a859e682118919f0a48697ffeb169251a4038fe9ddebd435b34749ed98</div>

CSS

div {
    width: 125px;
    overflow: hidden;   
    text-overflow: ellipsis;    
    direction: rtl;
    /*unicode-bidi: bidi-override;*/
}