If `wrap(.wrap)` is set, `alignItems()` doesn't work

[07akioni]

Without wrap:

With wrap:

Code:

import FlexLayout
import UIKit

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.

        view.addSubview(MyView())
    }
}

class MyView: UIView {
    override init(frame: CGRect) {
        super.init(frame: .zero)

        flex.direction(.row).height(30).backgroundColor(.black).wrap(.wrap).alignItems(.center)
            .addItem().define { flex in
                flex.height(15)
                    .width(20)
                    .backgroundColor(.red)
            }
    }

    @available(*, unavailable)
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func layout() {
        self.frame = .init(x: 0, y: 100, width: 200, height: 0)
        self.flex.layout(mode: .adjustHeight)
    }

    override func layoutSubviews() {
        self.layout()
    }
}

In CSS, flex wrap with align-items works properly:

[07akioni]

I think this is a yoga behavior:

facebook/yoga#1849

I have a workaround:

<Node style={{ flexDirection: 'row', alignItems: 'center' }}>
  <Node style={{ flexDirection: 'row', flexWrap: 'wrap', alignItems: 'center' }}>
    ...
  </Node>
</Node>

[heoblitz]

It seems that the behavior occurs because the default value of alignContent is different.
In CSS, the default is normal, whereas in Yoga it is start.

https://www.yogalayout.dev/docs/styling/align-content

CSS Version of the Example FlexLayout Code

When the alignContent value is set in the FlexLayout code

[07akioni]

It seems that the behavior occurs because the default value of alignContent is different. In CSS, the default is normal, whereas in Yoga it is start.

https://www.yogalayout.dev/docs/styling/align-content

CSS Version of the Example FlexLayout Code

### When the alignContent value is set in the FlexLayout code

I think you are probably right.