Skip to content

Conversation

@r-b-1
Copy link

@r-b-1 r-b-1 commented Dec 3, 2025

Adds support for the non-standard gap-rule-overlap CSS property (from CSS Gap Decorations draft) to pass the external WPT parsing test:

https://wpt.live/css/css-gaps/parsing/rule-overlap-valid.html

Changes:

  • Libraries/LibWeb/CSS/Properties.json:
    • animation-type: discrete
    • inherited: false
    • initial: row-over-column
    • valid-identifiers: [\"row-over-column\", \"column-over-row\"]
  • Libraries/LibWeb/CSS/Keywords.json: Added row-over-column, column-over-row (alphabetical)
  • Imported WPT: Tests/LibWeb/Text/{input,expected}/wpt-import/css/css-gaps/parsing/rule-overlap-valid.* (2/2 PASS)

Testing:

  • Build: ./Meta/ladybird.py rebuild LibWeb → Clean (PropertyID.cpp compiles, Keyword.h enums generated)
  • Local: ./Meta/ladybird.py run test-web -f Text/input/wpt-import/css/css-gaps/parsing/rule-overlap-valid.html → PASS (2/2)
  • Browser: https://wpt.live/css/css-gaps/parsing/rule-overlap-valid.html → PASS
  • Lint: ./Meta/lint-ci.sh → Clean (minor tool skips OK)

No breaking changes. Small/atomic first contrib.

  • ./Meta/lint-ci.sh passed (relevant checks)
  • WPT imported and rebaselined
  • Tests pass locally

@r-b-1 r-b-1 requested a review from AtkinsSJ as a code owner December 3, 2025 05:44
@ladybird-bot
Copy link
Collaborator

Hello!

One or more of the commit messages in this PR do not match the Ladybird code submission policy, please check the lint_commits CI job for more details on which commits were flagged and why.
Please do not close this PR and open another, instead modify your commit message(s) with git commit --amend and force push those changes to update this PR.

@r-b-1 r-b-1 force-pushed the libweb/add-gap-rule-overlap branch 5 times, most recently from 457fc1a to 837652b Compare December 3, 2025 20:15
Copy link
Member

@AtkinsSJ AtkinsSJ left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Welcome to Ladybird!

"color-svg",
"column",
"column-reverse",
"column-over-row",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please add these keywords in the same commit you add the property, otherwise that first commit won't compile.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Okay! They are now in the same commit, thank you!

@@ -0,0 +1,7 @@
Harness status: OK
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You've committed the test output but not the actual test, please add that in. 😅

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Okay, the actual test is now included!

r-b-1 added 2 commits December 4, 2025 17:49
- animation-type: discrete
- inherited: false
- initial: row-over-column
- valid-identifiers: [row-over-
column,
 column-over-row]

Passes WPT:

https://wpt.live/css/css-gaps/parsing/rule-overlap-valid.html

LibWeb: Add row-over-column and column-over-row CSS keywords

Enables Keyword.h enums
(RowOverColumn,
ColumnOverRow) for
PropertyID.cpp.
Verifies gap-rule-overlap parsing
passes (2/2)
@r-b-1 r-b-1 force-pushed the libweb/add-gap-rule-overlap branch from 837652b to 160d2b7 Compare December 4, 2025 23:53
@r-b-1 r-b-1 requested a review from AtkinsSJ December 4, 2025 23:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants