RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-10-31 15:32:46 +00:00
Code Issues Activity Actions

LibWeb: Blockify pseudo elements that are flex items

Browse source 
When deciding on a box type transformation (blockify/inlinify) for a
pseudo element, we have to use the originating element as a reference
rather than the parent.

(The originating element *is* the parent for its pseudo elements.)
This commit is contained in:
Andreas Kling 2023-04-27 15:38:50 +02:00
parent 806e08425a
commit c0b4083b02
3 changed files with 40 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
Tests/LibWeb/Layout/input/css-pseudo-element-blockification.html Normal file
View file

@ -0,0 +1,15 @@
<style>
* {
font: 16px SerenitySans;
}
.foo {
display: flex;
gap: 1ch;
}
.foo:before {
content: "well";
}
.foo:after {
content: "friends";
}
</style><div class="foo">hello</div>