| <!DOCTYPE html> | |
| <style> | |
| .container { | |
| width: 6em; | |
| } | |
| .container > div { | |
| overflow: hidden; | |
| } | |
| .ellipsis { | |
| text-overflow: ellipsis; | |
| direction: rtl; | |
| } | |
| </style> | |
| <p>crbug.com/667128: Ignore leading space when handling ellipsis on ltr text in an rtl flow.</p> | |
| <p>The ellipsis should not overlap the text.</p> | |
| <div class="container"> | |
| <div class="ellipsis"> | |
| ButtonWithAReallyLongNameButtonWithAReallyLongName | |
| </div> | |
| </div> |