Skip to content

css.properties.justify-items - not supported in flex containers #24851

@yisibl

Description

@yisibl

What type of issue is this?

Incorrect support data

What information was incorrect, unhelpful, or incomplete?

justify-items contains Supported in Flex Layout data, which is not actually supported on flex containers.

https://drafts.csswg.org/css-align/#justify-flex
This property does not apply to flex items, because there is more than one item in the main axis.

What browsers does this problem apply to, if applicable?

No response

What did you expect to see?

Remove Supported in Flex Layout

Did you test this? If so, how?

data:text/html;charset=UTF-8,<!DOCTYPE html>
<style>
  .box {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    width: 300px;
    height: 100px;
    border: 1px solid black;
  }
  .inner {
    background-color: lime;
  }
</style>
<div class="box">
   <div class="inner">justify-items: center</div>
</div>

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

No response

Do you have anything more you want to share?

No response

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items#browser_compatibility

MDN metadata

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    data:cssCompat data for CSS features. https://developer.mozilla.org/docs/Web/CSSneeds triageThis issue needs to be confirmed

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions