mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 05:08:36 +02:00
c295d551cf
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
22 lines
644 B
HTML
22 lines
644 B
HTML
<!DOCTYPE html>
|
|
<title>Test ellipsis with `text-indent`</title>
|
|
<link rel="match" href="reference/text-overflow-ellipsis-indent-001-ref.html">
|
|
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#ellipsing-details">
|
|
<link rel="author" href="mailto:kojii@chromium.org">
|
|
<style>
|
|
div {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
font-size: 10px;
|
|
width: 6ch;
|
|
padding-left: 3ch;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div>123456</div>
|
|
<div>1234567</div>
|
|
<div style="text-indent: 3ch;">123</div>
|
|
<div style="text-indent: 3ch;">1234</div>
|
|
<div style="text-indent: -3ch;">123456789</div>
|
|
<div style="text-indent: -3ch;">1234567890</div>
|
|
</body>
|