Fix positioning of statically positioned absolute child of inline box

This commit is contained in:
Martin Robinson 2023-06-19 18:51:00 +02:00
parent befb472c9d
commit 0ced74cde3
No known key found for this signature in database
GPG key ID: D56AA4FA55EFE6F8
5 changed files with 63 additions and 8 deletions

View file

@ -31605,6 +31605,19 @@
{}
]
],
"static-inside-inline-block.html": [
"327e8e6dacdeabb4d2d57ab700d80f966ccde76b",
[
null,
[
[
"/css/CSS2/abspos/static-inside-inline-block-ref.html",
"=="
]
],
{}
]
],
"static-inside-table-cell.html": [
"712bfbaf1e8f2d6a7a8fdd8dfa65792770f004e3",
[
@ -355090,6 +355103,10 @@
"hypothetical-inline-alone-on-second-line-ref.html": [
"1ceebb0f7e39896003508a769c772cc6e6bf54cd",
[]
],
"static-inside-inline-block-ref.html": [
"e76a2ccb972a2c056ffdd6380e60e5590b87b36e",
[]
]
},
"backgrounds": {

View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<title>Static position inside inline-block</title>
<link rel="author" title="Martin Robinson" href="mrobinson@igalia.com">
<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: inline-block; width: 100px; height: 100px;"></div>
<div style="display: inline-block; width: 100px; height: 100px; background: red;">
<div style="width: 100px; height: 100px; background: green;"></div>
</div>
<div style="display: inline-block; width: 100px; height: 100px;"></div>

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<title>Static position inside inline-block</title>
<link rel="author" title="Martin Robinson" href="mrobinson@igalia.com">
<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-width" title="10.3.7 Absolutely positioned, non-replaced elements">
<link rel="match" href="static-inside-inline-block-ref.html">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="display: inline-block; width: 100px; height: 100px;"></div>
<div style="display: inline-block; width: 100px; height: 100px; background: red;">
<div style="position: absolute; width: 100px; height: 100px; background: green;"></div>
</div>
<div style="display: inline-block; width: 100px; height: 100px;"></div>