LibWeb: Ensure valid placement of @import and @namespace rules

These rules should appear before all other rules (excluding @layer statements and @charset) with @import appearing first.
Author: https://github.com/Calme1709 Commit: 6144154e4f Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5158 Reviewed-by: https://github.com/AtkinsSJ ✅ Reviewed-by: https://github.com/tcl3
2025-08-03 14:50:18 +00:00 · 2025-06-21 03:11:59 +12:00 · 2025-06-21 03:11:59 +12:00 · 6144154e4f · 2025-06-23 11:54:05 +00:00
commit 6144154e4f
parent 6b84cd8d11
7 changed files with 139 additions and 0 deletions
--- a/Tests/LibWeb/Layout/expected/import-after-namespace.txt
+++ b/Tests/LibWeb/Layout/expected/import-after-namespace.txt
@ -0,0 +1,46 @@
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x463 [BFC] children: not-inline
+    BlockContainer <body> at (8,16) content-size 784x434 children: not-inline
+      BlockContainer <p> at (8,16) content-size 784x18 children: inline
+        frag 0 from TextNode start: 0, length: 35, rect: [8,16 290.765625x18] baseline: 13.796875
+            "All divs below should be 100px wide"
+        TextNode <#text>
+      BlockContainer <(anonymous)> at (8,50) content-size 784x0 children: inline
+        TextNode <#text>
+      BlockContainer <div#target1> at (8,50) content-size 100x100 children: not-inline
+      BlockContainer <(anonymous)> at (8,150) content-size 784x0 children: inline
+        TextNode <#text>
+      BlockContainer <div#target2> at (8,150) content-size 100x100 children: not-inline
+      BlockContainer <(anonymous)> at (8,250) content-size 784x0 children: inline
+        TextNode <#text>
+      BlockContainer <div#target3> at (8,250) content-size 100x100 children: not-inline
+      BlockContainer <(anonymous)> at (8,350) content-size 784x0 children: inline
+        TextNode <#text>
+      BlockContainer <div#target4> at (8,350) content-size 100x100 children: not-inline
+      BlockContainer <(anonymous)> at (8,450) content-size 784x0 children: inline
+        TextNode <#text>
+        TextNode <#text>
+        TextNode <#text>
+        TextNode <#text>
+        TextNode <#text>
+        TextNode <#text>
+      BlockContainer <pre#out> at (8,463) content-size 784x0 children: not-inline
+      BlockContainer <(anonymous)> at (8,463) content-size 784x0 children: inline
+        TextNode <#text>
+
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x463]
+    PaintableWithLines (BlockContainer<BODY>) [8,16 784x434]
+      PaintableWithLines (BlockContainer<P>) [8,16 784x18]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer(anonymous)) [8,50 784x0]
+      PaintableWithLines (BlockContainer<DIV>#target1) [8,50 100x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,150 784x0]
+      PaintableWithLines (BlockContainer<DIV>#target2) [8,150 100x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,250 784x0]
+      PaintableWithLines (BlockContainer<DIV>#target3) [8,250 100x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,350 784x0]
+      PaintableWithLines (BlockContainer<DIV>#target4) [8,350 100x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,450 784x0]
+      PaintableWithLines (BlockContainer<PRE>#out) [8,463 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,463 784x0]