align-self: start 与 baseline 同时设置时对齐效果与浏览器不一致

[temper357]

使用的 Kraken 版本 ｜ What version of kraken are you using

main

重现代码 | Code example:

// @TODO: align-self: start and align-self: baseline combo bug.
  xit('wrap-baseline with more than 2 flex-item', async () => {
    let flexbox_2;
    flexbox_2 = createElement(
      'div',
      {
        class: 'flexbox',
        style: {
          width: '300px',
          display: 'flex',
          'background-color': '#aaa',
          position: 'relative',
          'flex-wrap': 'wrap-reverse',
          'align-items': 'baseline',
          'margin-bottom': '10px',
          'box-sizing': 'border-box',
        },
      },
      [
        createElement(
          'div',
          {
            style: {
              border: '0',
              'background-color': 'lightblue',
              'box-sizing': 'border-box',
              flex: '1 0 100px',
              'align-self': 'flex-start',
              height: '100px',
            },
          },
          [createText(`first`)]
        ),
        createElement(
          'div',
          {
            style: {
              border: '0',
              'background-color': 'lightgreen',
              'box-sizing': 'border-box',
              flex: '1 0 100px',
            },
          },
          [createText(`second`)]
        ),
        createElement(
          'div',
          {
            style: {
              border: '0',
              'background-color': 'pink',
              'box-sizing': 'border-box',
              flex: '1 0 100px',
            },
          },
          [
            createText(`third`),
            createElement('br', {
              style: {
                'background-color': 'lightblue',
                'box-sizing': 'border-box',
              },
            }),
            createText(`third`),
          ]
        ),
      ]
    );
    BODY.appendChild(flexbox_2);

    await snapshot();
  });

预期结果 ｜ Expected results:

实际结果 ｜ Actual results: