If flex wrap is set, align-items no longer works #1849

New Issue

2025-08-20T21:00:09-07:00

07akioni commented

2025-08-20 21:00:09 -07:00

(Migrated from github.com)

Yoga:

Web defaults:

Yoga: <img width="3014" height="1866" alt="Image" src="https://github.com/user-attachments/assets/efcc6c46-da87-49fb-a035-231390131d42" /> Web defaults: <img width="2994" height="1760" alt="Image" src="https://github.com/user-attachments/assets/8fd0a292-6546-40be-b5b8-9876d96353e8" />

07akioni commented

2025-08-20 21:00:40 -07:00

(Migrated from github.com)

Code

<Layout config={{useWebDefaults: false}}>
  <Node style={{width: 350, height: 350, flexDirection: 'row',flexWrap: 'wrap', alignItems: 'center' }}>
    <Node style={{ width: 50, height: 50 }} />
     <Node style={{ width: 50, height: 50 }} />
      <Node style={{ width: 50, height: 50 }} />
       <Node style={{ width: 50, height: 50 }} />
       <Node style={{ width: 50, height: 50 }} />
     <Node style={{ width: 50, height: 50 }} />
      <Node style={{ width: 50, height: 50 }} />
       <Node style={{ width: 50, height: 50 }} />
  </Node>
</Layout>

Code ``` <Layout config={{useWebDefaults: false}}> <Node style={{width: 350, height: 350, flexDirection: 'row',flexWrap: 'wrap', alignItems: 'center' }}> <Node style={{ width: 50, height: 50 }} /> <Node style={{ width: 50, height: 50 }} /> <Node style={{ width: 50, height: 50 }} /> <Node style={{ width: 50, height: 50 }} /> <Node style={{ width: 50, height: 50 }} /> <Node style={{ width: 50, height: 50 }} /> <Node style={{ width: 50, height: 50 }} /> <Node style={{ width: 50, height: 50 }} /> </Node> </Layout> ```

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: DaddyFrosty/yoga#1849