kraken
kraken copied to clipboard
overflowX: clip ,不设置 overflowY 会导致容器在垂直方向也被 clip
使用的 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:
实际结果 | Actual results: