Open Bug 1800393 Opened 1 year ago Updated 7 days ago

text with background-clip: text and -webkit-text-fill-color: transparent gets truncated

Categories

(Core :: Web Painting, defect)

Firefox 106
defect

Tracking

()

People

(Reporter: soeren.hentzschel, Unassigned)

References

(Blocks 1 open bug)

Details

Attachments

(2 files)

Attached file test.html

I attached a test case that was showed in Firefox support where background-clip: text is used in combination with -webkit-text-fill-color: transparent and where the text gets truncated in Firefox but neither in Chrome nor in Safari.

This screenshot shows the result in Chrome and the in Firefox. Note the truncated text on top for Firefox.

I don't seem to be able to repro this but this seems more in graphics-land.

Component: Layout: Text and Fonts → Web Painting

This may be platform- and/or font-specific; I can repro on macOS when the default font is Apple's version of Times, but if I change it to Times New Roman, the issue doesn't occur. Presumably related to differences in the font metrics.

The severity field is not set for this bug.
:tnikkel, could you have a look please?

For more information, please visit auto_nag documentation.

Flags: needinfo?(tnikkel)
Severity: -- → S3
Flags: needinfo?(tnikkel)
You need to log in before you can comment on or make changes to this bug.