RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 23:07:35 +00:00
Code Issues Activity Actions

LibWeb: Apply shadow root style sheets in StyleComputer

Browse source 
Now, if an element belongs to a shadow tree, we use only the style
sheets from the corresponding shadow root during style computation,
instead of using all available style sheets as was the case
previously.

The only exception is the user agent style sheets, which are still
taken into account for all elements.

Tests/LibWeb/Layout/input/input-element-with-display-inline.html
is affected because style of document no longer affects shadow tree
of input element, like it is supposed to be.

Co-authored-by: Simon Wanner <simon+git@skyrising.xyz>
This commit is contained in:
Aliaksandr Kalenik 2023-03-19 17:01:26 +01:00 • committed by Andreas Kling
parent 91ec1d6f95
commit 33294aea86
7 changed files with 99 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

22
Tests/LibWeb/Layout/expected/input-element-with-display-inline.txt
View file

@ -1,15 +1,15 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x46 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x28 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 200x26] baseline: 28
BlockContainer <input> at (11,11) content-size 200x26 inline-block [BFC] children: not-inline
Box <div> at (13,12) content-size 196x24 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (14,13) content-size 194x22 flex-item [BFC] children: inline
BlockContainer <html> at (1,1) content-size 798x44 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x26 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 200x24] baseline: 26
BlockContainer <input> at (11,11) content-size 200x24 inline-block [BFC] children: not-inline
Box <div> at (13,12) content-size 196x22 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (13,12) content-size 196x22 flex-item [BFC] children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x48]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x30]
PaintableWithLines (BlockContainer<INPUT>) [10,10 202x28]
PaintableBox (Box<DIV>) [11,11 200x26]
PaintableWithLines (BlockContainer<DIV>) [13,12 196x24]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x46]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x28]
PaintableWithLines (BlockContainer<INPUT>) [10,10 202x26]
PaintableBox (Box<DIV>) [11,11 200x24]
PaintableWithLines (BlockContainer<DIV>) [13,12 196x22]