css.at-rules.media.grid - lots of cross browser issues but you wouldn't know it
Nobody has claimed this yet.
- Dominant language
- JSON
- Stars
- 5.8k
- Forks
- 2.6k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 186
Description
What information was incorrect, unhelpful, or incomplete?
Currently showing that the grid shows that all browsers support the grid media feature.
However, this is misleading (https://github.com/w3c/csswg-drafts/issues/7121#issuecomment-1064376176).
What did you expect to see?
- An extra row showing if the browsers support the boolean form:
@media (grid). We found that Chrome does not support it, but Firefox does.
Note: afaik it's impossible to test this boolean logic in isolation in Chrome, as Chrome doesn't match
@media not (grid: 1)even though it does match@media (grid: 0)(due to a bug withnot?), and even if@media (grid)was working, you'd need to test with@media not (grid)to validate it works, as(grid)should never match in Chrome
- A note on the page referencing the Chrome issues
Did you test this? If so, how?
Using this CSS (+ permutations) as a check
<style>
@media not print and (grid: 0) {
body {
background: red !important;
}
}
</style>
MDN page report details
- Query:
css.at-rules.media.grid - MDN URL: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/grid
- Report started: 2022-03-10T18:35:34.144Z
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the MDN page for @media/grid and its browser compatibility data entry, then compare the current values with the CSS test case in the issue. Check the linked CSSWG discussion and Chrome issue context before deciding how the boolean form and explanatory note should be represented. Done means the page accurately distinguishes the supported forms and documents the known browser limitations.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- documentation
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100