'CSS truncate or trimming from beginning with ellipsis doesn't work properly with safari

i have this issue in safari when trimming from beginning, this style is working fine in chrome and firefox, it trims and shows ellipsis from beginning, but with safari it shows ellipsis from beginning but hide the end of text

div{
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  border: 1px solid black;
}
 <div>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
csssafari


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions