We use cookies to ensure you get the best experience on our website
首页 发现 帮助
注册 登录
0ct0pu5
/
ladybird
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

LibWeb: Allow <svg> to act as a containing block

This change makes overflow clipping work correctly for children of svg
element.

Fixes following example:
```html
<!doctype html><style>
    body {
        width: 300px;
        height: 300px;
        position: relative;
        overflow: hidden;
        border: 1px solid black;
    }
    svg {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
    }
</style>
<body>
<svg viewBox="0 0 100 100">
   <g>
     <rect x="0" y="0" width="100" height="100" fill="green"></rect>
   </g>
</svg>
```
Aliaksandr Kalenik 1 年之前
父节点
c8d7bcede6
当前提交
38edab09a0
共有 1 个文件被更改，包括 2 次插入 和 1 次删除
合并视图 显示文件统计
  1. 2 1
      Userland/Libraries/LibWeb/Layout/Node.cpp

+ 2 - 1
Userland/Libraries/LibWeb/Layout/Node.cpp
查看文件 

@@ -90,7 +90,8 @@ static Box const* nearest_ancestor_capable_of_forming_a_containing_block(Node co
 
     for (auto const* ancestor = node.parent(); ancestor; ancestor = ancestor->parent()) {
 
     for (auto const* ancestor = node.parent(); ancestor; ancestor = ancestor->parent()) {
 
         if (ancestor->is_block_container()
 
         if (ancestor->is_block_container()
 
             || ancestor->display().is_flex_inside()
 
             || ancestor->display().is_flex_inside()
 
-            || ancestor->display().is_grid_inside()) {
 
+            || ancestor->display().is_grid_inside()
 
+            || ancestor->is_svg_svg_box()) {
 
             return verify_cast<Box>(ancestor);
 
             return verify_cast<Box>(ancestor);
 
         }
 
         }
 
     }
 
     }

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5