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

LibWeb: Skip children based on media when updating the source set

Browse source 
If child has a media attribute and its value does not match the
environment, continue to the next child.
This commit is contained in:
Andi Gallo 2023-05-28 04:40:27 +00:00 • committed by Andreas Kling
parent 87ac906ee6
commit 29d29134ba
5 changed files with 32 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
Tests/LibWeb/Layout/expected/picture-source-media-query.txt Normal file
View file

@ -0,0 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x416 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x400 children: inline
line 0 width: 400, height: 400, bottom: 400, baseline: 400
frag 0 from ImageBox start: 0, length: 0, rect: [8,8 400x400]
TextNode <#text>
InlineNode <picture>
TextNode <#text>
InlineNode <source>
TextNode <#text>
ImageBox <img> at (8,8) content-size 400x400 children: not-inline
TextNode <#text>
TextNode <#text>

BIN
Tests/LibWeb/Layout/input/120.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 572 B

BIN
Tests/LibWeb/Layout/input/400.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 592 B

11
Tests/LibWeb/Layout/input/picture-source-media-query.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<body>
<picture>
<source media="(max-width: 600px)" srcset="120.png">
<img src="400.png">
</picture>
</body>
</html>