mdn / mdn/browser-compat-data

css.properties.justify-self - Missing data for block-level boxes

Open Beginner friendly
#20,287 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

browser:multiple data:css p2
Dominant language
JSON
Stars
5.8k
Forks
2.6k
Avg merge
1d 21h
Merged PRs (30d)
186

Description

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self

What specific section or headline is this issue about?

Browser compatibility

What information was incorrect, unhelpful, or incomplete?

Documentation reported "Full Support" for Chrome since 2017-03-09.

However, this is definitely not "Full Support", since the following features failed in Chrome v114:

  • In block-level layouts, it aligns an item inside its containing block on the inline axis.
  • For absolutely-positioned elements, it aligns an item inside its containing block on the inline axis, accounting for the offset values of top, left, bottom, and right.
What did you expect to see?

Removal of the term "Full Support" to avoid confusion.

URL: https://github.com/mdn/browser-compat-data/blob/main/css/properties/justify-self.json

Do you have any supporting links, references, or citations?

I have tested the features myself in Chrome v114, and they failed.

Do you have anything more you want to share?

JsFiddle:
https://jsfiddle.net/emmaJsFiddle/y5qk8o1d/7/

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 css/properties/justify-self.json and review the Browser compatibility section for Chrome. Reproduce or inspect the linked JsFiddle and compare its two block-level and absolutely positioned cases with the current data. Update the compatibility entry so the reported support matches the observed behavior, then run the repository's data validation checks.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Clearly specified
Newbie friendliness
78/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.