1ca50684c8
All checks were successful
ci / fast (linux) (push) Successful in 7m2s
Three display list / layout bugs fixed:
1. Float+stacking-context elements were invisible ("triple skip"):
collect_stacking_participants unconditionally skipped all floats,
even those creating stacking contexts. Now only skips simple floats.
(CSS 2.1 Appendix E steps 2/7)
2. Abs-pos inline children inside IFCs were never laid out or rendered:
- Layout: FormattingContext::Inline now collects abs-pos/fixed children
into pending_absolutes for deferred layout
- Display list: render_non_inline_descendants renders abs-pos/fixed
inline children via render_layout_box_normal
3. Stacking context anonymous text children were double-painted:
render_stacking_context now skips Anonymous children when the parent
has an IFC (they're already rendered by the IFC fragment system)
Also adds guards against abs-pos inline + z-index double-render, and
promotes WPT test static-position-inline-level-absolute-in-block-level-
context-013 from known_fail to pass.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
37 lines
939 B
HTML
37 lines
939 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
body { margin: 0; font-family: sans-serif; font-size: 14px; }
|
|
/* Container with padding: the abs-pos span's containing block starts at
|
|
the padding box origin, so left/top offsets are relative to that. */
|
|
.container {
|
|
position: relative;
|
|
width: 300px;
|
|
padding: 20px;
|
|
background: #ddd;
|
|
}
|
|
/* An abs-pos inline span offset from its containing block.
|
|
CSS 2.1 §10.3.7: the static position for an abs-pos inline is the IFC
|
|
content origin of its IFC parent. The containing block is .container
|
|
(the nearest positioned ancestor), so left/top are relative to it. */
|
|
.label {
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 5px;
|
|
font-size: 11px;
|
|
color: #333;
|
|
}
|
|
.body-text {
|
|
margin-top: 30px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<span class="label">Offset Label</span>
|
|
<p class="body-text">Body text</p>
|
|
</div>
|
|
</body>
|
|
</html>
|