w3c / w3c/csswg-drafts

[css-tables] Collapsed table borders don't follow sticky rows/cells when they stick

Open
#3,136 13 comments 32 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

css-position-3 css-tables-3 Needs Design / Proposal
Dominant language
Bikeshed
Stars
4.9k
Forks
816
PR merge metrics
PR metrics pending

Description

Major browsers have implemented position:sticky for table headers in a way only cell are sticky, not collapsed borders, see https://jsfiddle.net/70vjwymx/ (header borders are transparent). I am not sure what should be fixed:

  • my css (some additional settings)
  • browser code
  • specification
    I suppose position:sticky was implemented to ease styling cases like sticky table headers so I believe borders should be a part of that sticky content.

Contributor guide

Open the contributing guide

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 linked JSFiddle and the issue's description of collapsed borders versus sticky cells. Determine whether the expected change belongs in CSS, browser code, or the specification; done means an agreed direction and a clearly stated expected behavior for sticky table borders.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.