fune/testing/web-platform/tests/css/css-flexbox/reference/align-items-baseline-overflow-non-visible-ref.html
Daniel Holbert 2733a8c0e6 Bug 1702398: Use Ahem font in WPT 'align-items-baseline-overflow-non-visible.html' to avoid fuzzy failures from clipped antialiased fringe. r=emilio
In this WPT test, the testcase has an 'overflow:hidden' container, while the
reference case does not. The test fails on some platforms because the "Y"
character has some antialiased fringe that bleeds imperceptibly past the
content-box, and gets clipped in the testcase but not in the reference
case. (This behavior is entirely allowable, and it shouldn't result in a test
failure. It's also unrelated to the behavior that the baseline-alignment
behavior that the test is trying to exercise.)

This patch addresses the issue by switching to the Ahem font, which is simpler
and less likely to have antialiasing fringe that would be clipped in this way.
I'm using the 25px/1 suggested styling from the documentation at
https://web-platform-tests.org/writing-tests/ahem.html

Differential Revision: https://phabricator.services.mozilla.com/D110510
2021-04-01 15:51:43 +00:00

16 lines
256 B
HTML

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
.flex {
display: flex;
align-items: baseline;
font: 25px/1 Ahem;
}
</style>
<body>
<div class="flex">
<span>XX</span>
<div><div>YY</div></div>
</div>
</body>