DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Support justifyItems and justifySelf #1649

New Issue
Open
opened 2024-04-18 13:59:34 -07:00 by necolas · 1 comment
necolas commented 2024-04-18 13:59:34 -07:00 (Migrated from github.com)
Copy Link

Report

Issues and Steps to Reproduce

  • CSS Flexbox properties justifyItems and justifySelf are not supported (e.g., in React Native).
  • Also properties placeContent, placeItems, and placeSelf - which could be implemented once all the align* and justify* props are supported.
  • Couldn't find any references to them via code search of the repo.

Expected Behavior

Support for the missing properties.

# Report - [x] I have searched [existing issues](https://github.com/facebook/yoga/issues) and this is not a duplicate # Issues and Steps to Reproduce * CSS Flexbox properties `justifyItems` and `justifySelf` are not supported (e.g., in React Native). * Also properties `placeContent`, `placeItems`, and `placeSelf` - which could be implemented once all the `align*` and `justify*` props are supported. * Couldn't find any references to them via code search of the repo. # Expected Behavior Support for the missing properties.
NickGerleman commented 2024-04-18 15:39:39 -07:00 (Migrated from github.com)
Copy Link

justify-items and justify-self for flex containers is confined to absolutely positioned items, so it will be a bit less common than the usage for block, grid. Still potentially worth adding though (cc @joevilches who recently spent a lot of time fixing up absolutely positioned child alignment).

place-* shorthands seem sane enough to add, but probably at RN layer. I've been trying to get to a place where Yoga operates on something closer to computed style.

`justify-items` and `justify-self` for flex containers is [confined to absolutely positioned items](https://www.w3.org/TR/css-align-3/#overview), so it will be a bit less common than the usage for block, grid. Still potentially worth adding though (cc @joevilches who recently spent a lot of time fixing up absolutely positioned child alignment). `place-*` shorthands seem sane enough to add, but probably at RN layer. I've been trying to get to a place where Yoga operates on something closer to computed style.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Algorithm
Build and Infrastructure
C#
C++ Enhancement
CLA Signed
Discussion
Documentation
Feature Request
Java
JavaScript
Merged
Question
Reverted
Shared with Meta
Applied via automation to indicate that an Issue or Pull Request has been shared with the team.
YogaKit
YogaLayout ViewGroup
bug
dependencies
Pull requests that update a dependency file
duplicate
enhancement
fb-exported
fh:direct-merge-enabled
invalid
ruby
Pull requests that update Ruby code
wontfix
No Label
Algorithm
Feature Request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
DaddyFrosty
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: DaddyFrosty/yoga#1649
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?