diff options
-rw-r--r-- | src/css/cascade.nim | 2 | ||||
-rw-r--r-- | test/layout/position-absolute-block-in-inline.color.expected | 2 | ||||
-rw-r--r-- | test/layout/position-absolute-block-in-inline.html | 15 |
3 files changed, 18 insertions, 1 deletions
diff --git a/src/css/cascade.nim b/src/css/cascade.nim index 7fb7734d..59f55fe8 100644 --- a/src/css/cascade.nim +++ b/src/css/cascade.nim @@ -273,7 +273,7 @@ func buildComputedValues(rules: CSSValueEntryMap; result{"display"} = result{"display"}.blockify() elif result{"position"} in {PositionAbsolute, PositionFixed} and result{"display"} == DisplayInline: - result{"display"} = DisplayBlock + result{"display"} = DisplayInlineBlock if (result{"overflow-x"} in {OverflowVisible, OverflowClip}) != (result{"overflow-y"} in {OverflowVisible, OverflowClip}): result{"overflow-x"} = result{"overflow-x"}.bfcify() diff --git a/test/layout/position-absolute-block-in-inline.color.expected b/test/layout/position-absolute-block-in-inline.color.expected index b3d1eeb6..b25e275c 100644 --- a/test/layout/position-absolute-block-in-inline.color.expected +++ b/test/layout/position-absolute-block-in-inline.color.expected @@ -3,4 +3,6 @@ line [48;2;255;0;0mabsabsolute 2[49m [48;2;0;0;255mabsolute 3[49m line four [38;2;109;109;109m[48;2;255;255;0mabsolute 4[39m[49m +[48;2;0;0;255mabsolute 5[49m +line six[38;2;109;109;109m[48;2;255;255;0mabsolute 6[39m[49m diff --git a/test/layout/position-absolute-block-in-inline.html b/test/layout/position-absolute-block-in-inline.html index c572caef..cd26f9f8 100644 --- a/test/layout/position-absolute-block-in-inline.html +++ b/test/layout/position-absolute-block-in-inline.html @@ -32,3 +32,18 @@ absolute 4 </div> </div> </div> + +<!-- absolute, display: inline --> +<div style="position: relative; margin-top: 1em"> +<br> +<div> +line +<div style="display: inline; position: absolute; top: 0; left: 0; background-color: blue"> +absolute 5 +</div> +six +<div style="display: inline; position: absolute; background-color: yellow"> +absolute 6 +</div> +</div> +</div> |