327e31795b
Story 1.3: Complete positioning support including auto offset resolution, clip rect, fixed scroll behavior, and containing block edge cases. Key changes: - Refactored calculate_absolute_layout() for full §10.3.7/§10.6.4 compliance - Implemented clip: rect() parsing, style computation, layout, and paint - Fixed sticky child recursion in process_deferred_absolutes - Fixed shrink-to-fit abs_cb using unpositioned padding_box - Added collapsed_borders handling in offset_children - Propagated CSS clip to descendant stacking contexts - Tightened rect() parser to reject garbage between rect and ( - Added tracing::warn for unrecognized clip tokens - Replaced hardcoded epsilon with MARGIN_EPSILON constant - Added RTL unimplemented comments on over-constrained resolution - Strengthened tests: exact assertions, delta comparisons, new coverage - 4 new tests: negative offsets, clip suppression, padding edge distinction - 5 golden tests (222-226), promoted WPT absolute-tables-016 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
19 lines
661 B
HTML
19 lines
661 B
HTML
<html>
|
|
<head>
|
|
<style>
|
|
body { margin: 0; }
|
|
.container { position: relative; width: 400px; height: 300px; background-color: lightgray; }
|
|
/* Over-constrained: left+width+right all set. LTR ignores right. */
|
|
.abs { position: absolute; left: 20px; right: 20px; width: 150px; height: 50px; background-color: lightyellow; }
|
|
/* Auto margins with left+right+width: should center */
|
|
.centered { position: absolute; left: 0; right: 0; width: 200px; margin: 0 auto; top: 80px; height: 50px; background-color: lightblue; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="abs">Overconstrained</div>
|
|
<div class="centered">Centered</div>
|
|
</div>
|
|
</body>
|
|
</html>
|