web-platform-tests / web-platform-tests/interop

CSS Gap Decorations

Open
#1,374 1 comment 59 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

focus-area-proposal
Dominant language
JavaScript
Stars
524
Forks
35
Avg merge
1d 4h
Merged PRs (30d)
10

Description

Description

A way to display visible separators between items in grid, flex and multi-column layouts rather than resorting to border or pseudo-element hacks.

Specification

https://drafts.csswg.org/css-gaps-1/

web-feature

https://web-platform-dx.github.io/web-features-explorer/features/gap-decorations/

Test Links

https://wpt.fyi/results/css/css-gaps/

Additional Signals

This feature shipped in Chrome and Edge version 149.
Mozilla position: positive
Firefox implementation bug
WebKit position: positive
Safari implementation bug
This tweet has 673 likes and this other tweet has 228 likes.
In the State of CSS 2026 survey it was the feature that developers showed the most interest in learning about.
Gap decorations received 28 votes in last years Interop.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the CSS Gaps Level 1 specification and the linked web-platform-tests results for css/css-gaps. Clarify which Interop project change is intended and what tests or tracking updates define completion, since the issue does not name files or a specific implementation task.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
testing-qa, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Active
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.