RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 00:57:44 +00:00
Code Issues Activity Actions

LibWeb: Don't apply element inline style to associated pseudo elements

Browse source 
An element's inline style, if present, should not leak into any pseudo
elements generated by that element.
This commit is contained in:
Andreas Kling 2023-04-02 08:35:03 +02:00
parent eed956b473
commit 620a34a463
4 changed files with 31 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
Tests/LibWeb/Layout/expected/css-pseudo-element-should-not-be-affected-by-inline-style.txt Normal file
View file

@ -0,0 +1,11 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x120 children: not-inline
BlockContainer <body> at (10,10) content-size 780x102 children: not-inline
BlockContainer <div.outer> at (11,11) content-size 100x100 children: not-inline
BlockContainer <(anonymous)> at (12,12) content-size 50x50 children: inline
line 0 width: 0, height: 21.835937, bottom: 21.835937, baseline: 16.914062
frag 0 from TextNode start: 0, length: 0, rect: [12,12 0x21.835937]
""
TextNode <#text>
BlockContainer <div.inner> at (12,64) content-size 98x0 children: inline
TextNode <#text>

13
Tests/LibWeb/Layout/input/css-pseudo-element-should-not-be-affected-by-inline-style.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html><html><head><style>
* {
border: 1px solid black;
font: 20px SerenitySans;
}
.outer::before {
display: block;
content: "";
width: 50px;
height: 50px;
border: 1px solid red;
}
</style><head><body><div class="outer" style="height: 100px; width: 100px;"><div class="inner">