gecko-dev/testing/web-platform/tests/css/css-ui/reference/text-overflow-ellipsis-indent-001-ref.html
Koji Ishii c295d551cf Bug 1605003 [wpt PR 20858] - Fix text-overflow: ellipsis when text-indent is also applied, a=testonly
Automatic update from web-platform-tests
Fix `text-overflow: ellipsis` when `text-indent` is also applied

This patch fixes `text-overflow: ellipsis` to take the space
occupied by `text-indent` into the account.

Bug: 1006395
Change-Id: I417176efbc8f10fa3c073efa7695458fb2d302a6
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1975372
Reviewed-by: Ian Kilpatrick <ikilpatrick@chromium.org>
Commit-Queue: Koji Ishii <kojii@chromium.org>
Cr-Commit-Position: refs/heads/master@{#726504}

--

wpt-commits: 50046d4a51fe25bb4afc4883579a4b067e3137e0
wpt-pr: 20858
2019-12-23 11:14:52 +00:00

16 lines
393 B
HTML

<!DOCTYPE html>
<style>
div {
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
}
</style>
<body>
<div style="padding-left: 3ch">123456</div>
<div style="padding-left: 3ch; width: 6ch">1234567</div>
<div style="padding-left: 6ch;">123</div>
<div style="padding-left: 6ch; width: 3ch">1234</div>
<div>123456789</div>
<div style="width: 9ch">1234567890</div>
</body>