[Webkit-unassigned] [Bug 167406] Ellipsis box is not considered for background clip
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Tue Jan 24 19:27:37 PST 2017
https://bugs.webkit.org/show_bug.cgi?id=167406
--- Comment #2 from Mark Wang <mwang at opentv.com> ---
The below is to reproduce this issue.
<!DOCTYPE html>
<html>
<body style='font-size: 80px; background-color: black; color: white; '>
<div style='width: 200px; background: -webkit-linear-gradient(left, #0c9966 0%, #e5c105 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;'>
Ellipsis
</div>
<div style='width: 200px; background: -webkit-linear-gradient(left, #0c9966 0%, #e5c105 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: blue;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;'>
Ellipsis
</div>
<div style='width: 200px; background: -webkit-linear-gradient(left, #0c9966 0%, #e5c105 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255,0,0,0.5);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;'>
Ellipsis
</div>
<div style='width: 200px; background: -webkit-linear-gradient(left, #0c9966 0%, #e5c105 100%);
-webkit-background-clip: text;
color: rgba(255,255,255,0.2);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;'>
Ellipsis
</div>
</body>
</html>
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170125/8fbe613a/attachment.html>
More information about the webkit-unassigned
mailing list