| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <style> |
| div { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| width: 100px; |
| white-space: pre; |
| font-size: 20px; |
| border: 1px solid black; |
| font-family: arial; |
| } |
| .rtl { |
| direction: rtl; |
| } |
| span { |
| position: relative; |
| left: 2em; |
| } |
| </style> |
| <p>crbug.com/737837: Place ellipsis correctly when inline has relative position.</p> |
| <div><span>abcdefghij</span></div> |
| <div class="rtl"><span>abcdefghijklmnop</span></div> |
| <div><span>אבגדהוזחטיכךל</span></div> |
| <div class="rtl"><span>אבגדהוזחטיכךללכךלכךל</span></div> |
| <p>These should have no ellipsis.</p> |
| <div><span>abcde</span></div> |
| <div class="rtl"><span>abcdefghijklm</span></div> |
| <div><span>אבגדהו</span></div> |
| <div class="rtl"><span>אבגדהוזחטיכךל</span></div> |