Files
sousa-gecko/testing/web-platform/tests/css/css-align/abspos/align-self-static-position-005.html
T
Daniel Holbert 0d9b7d3b07 Bug 1964198 [wpt PR 52313] - Fix a test to declare line-height with Ahem.,
Automatic update from web-platform-tests
Fix a test to declare line-height with Ahem. (#52313)

This fixes the test align-self-static-position-005.html and its reference
from recent PR https://github.com/web-platform-tests/wpt/pull/52260 to declare
a line-height of `1` when specifying the Ahem font, per best practices at
https://web-platform-tests.org/writing-tests/ahem.html

Per that documentation: when using Ahem in a WPT, "An explicit (i.e., not
normal) line-height should also always be used")

This is needed in order for the test to pass in Firefox, since Gecko uses a
larger-than-1 value as the "normal" line-height for Ahem.)
--

wpt-commits: dd8bc79937cc33e720381c68b37af6254e301e8a
wpt-pr: 52313

Differential Revision: https://phabricator.services.mozilla.com/D248816
2025-05-12 09:20:10 +00:00

30 lines
1.0 KiB
HTML

<!DOCTYPE html>
<title>Align-self applies to OOF elements of inline elements when statically positioned.</title>
<link rel="author" title="Alison Maher" href="mailto:almaher@microsoft.com">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-align-self-normal">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal">
<link rel="help" href="https://drafts.csswg.org/css-position-3/#abspos-alignment">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#align-abspos">
<link rel="help" href="https://issues.chromium.org/issues/409806799">
<link rel="match" href="align-self-static-position-005-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
.container {
position: relative;
border: 1px solid;
}
.abs {
position: absolute;
background: purple;
align-self: end;
opacity: 0.5;
}
</style>
<div class="container">
<span style="font: 20px/1 Ahem;">hello
<span class="abs">hello</span>
<span style="vertical-align: top; font-size: 50px;">world</span>
</span>
</div>