What are some reasons alignItems may not work?

[trusktr]

Report

• I have searched existing issues and this is not a duplicate

Issues and Steps to Reproduce

See Playground Example

Try changing alignItems to center or flex-end and notice it is not working the same as with CSS.

Expected Behavior

Expecting it to work like in CSS. Video:

Screen.Recording.2024-09-23.at.9.50.15.AM.mov

Actual Behavior

In the yoga example, the items do not shift like in the CSS video

Link to Code

see above

[trusktr]

I deleted all my comments. There were multiple issues, but I simplified the OP to show the one main issue that might be (or hint at) the root of other issues.

[NickGerleman]

Yoga vs web for reference: https://jsfiddle.net/xkrfp2do/1/

This looks like a bug with alignContent: stretch impl.