kraken icon indicating copy to clipboard operation
kraken copied to clipboard

overflowX: clip ,不设置 overflowY 会导致容器在垂直方向也被 clip

Open temper357 opened this issue 2 years ago • 0 comments

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

main

重现代码 | Code example:

 // @TODO: Overflow clip set in only one direction will cause content clipped in the other direction.
xit('002', async () => {
    let inner;
    let inner_1;
    let inner_2;
    let outer;
    let outer_1;
    outer_1 = createElement(
      'div',
      {
        class: 'outer',
        style: {
          width: '50px',
          height: '50px',
          'margin-left': '100px',
          'margin-top': '100px',
          background: 'black',
          'box-sizing': 'border-box',
          'overflow-x': 'clip',
        },
      },
      [
        (inner_1 = createElement('div', {
          class: 'inner',
          style: {
            position: 'relative',
            top: '-20px',
            left: '-40px',
            background: 'blue',
            height: '100px',
            width: '100px',
            opacity: '0.5',
            'box-sizing': 'border-box',
          },
        })),
      ]
    );
    BODY.appendChild(outer_1);

    await snapshot();
  });

预期结果 | Expected results: image

实际结果 | Actual results: image

temper357 avatar Mar 31 '22 07:03 temper357