testing/web-platform/tests/css/css-backgrounds/background-clip/clip-text-ellipsis.html
author Serban Stanca <sstanca@mozilla.com>
Mon, 14 Jul 2025 00:37:50 +0300 (7 hours ago)
changeset 796395 57c30f1adca5fb5ccd4a9a09192c41e207e28d88
parent 751328 62777d63b9dc8eeb7d55e1e34d996e1ad020b6bc
permissions -rw-r--r--
Revert "Bug 1950748 part 3: Don't return a caret inside an editor when no editor is focused. r=morgan" as requested for causing accessibility crashes (bug 1977012). This reverts commit aaf970807d281c28c1e937491719d996cb11648a. This reverts commit f5f2e3cf4d34c2430372ba790d77620837d56b75. This reverts commit 5565c5899c32c0b0f5446561a21c5b6499fd44c6.
<!DOCTYPE html>
<title>background-clip:text with ellipsis</title>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-text">
<link rel="match" href="clip-text-ellipsis-ref.html">
<meta name="fuzzy" content="maxDifference=0-45; totalPixels=0-1350">
<style>
.clip {
  font-size: 80px;
  width: 4em;
  color: transparent;
  background-color: green;
  background-clip: text;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
</style>
<div class="clip">AAAAAAAAAAAAA</div>