[Webkit-unassigned] [Bug 266566] New: -webkit-background-clip does not working with text-overflow: ellipsis

Mon Dec 18 00:57:20 PST 2023

https://bugs.webkit.org/show_bug.cgi?id=266566

            Bug ID: 266566
           Summary: -webkit-background-clip does not working with
                    text-overflow: ellipsis
           Product: WebKit
           Version: Safari 15
          Hardware: All
               URL: https://codesandbox.io/p/sandbox/gracious-engelbart-s7
                    y9zx?file=%2Findex.html%3A9%2C10
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: anastasiarebr at gmail.com
                CC: andresg_22 at apple.com,
                    webkit-bug-importer at group.apple.com

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>HTML + CSS</title>
  </head>
  <style>
    .text {
      dispay: block;
      width: 150px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      background-image: linear-gradient(45deg, #f3ec78, #af4261);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
  <body>
    <div class="text">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores ratione ea quibusdam quam quia placeat. Quasi, odio voluptatum illo accusamus cupiditate deserunt corrupti in laborum dolorem sint reprehenderit similique exercitationem.
    </span>
  </body>
</html>

Ellipsis is not displayed after text with a gradient in Safari and Firefox. But it works in chrome and opera

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20231218/8a608af1/attachment.htm>