johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-11 22:14:05 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

🐛 Fix nested shadows clipping

Browse Source
This commit is contained in:
Alejandro Alonso
2025-11-28 09:48:44 +01:00
committed by Alonso Torres
parent 115273b478
commit e889413f26
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/Renders-a-file-with-nested-clipping-frames-1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 23 KiB

15
render-wasm/src/render.rs
View File

@@ -141,7 +141,20 @@ impl NodeRenderState {
match &element.shape_type { match &element.shape_type {
Type::Frame(_) => { Type::Frame(_) => {
let bounds = element.get_selrect_shadow_bounds(shadow); let mut bounds = element.get_selrect_shadow_bounds(shadow);
let blur_inset = (shadow.blur * 2.).max(0.0);
if blur_inset > 0.0 {
let max_inset_x = (bounds.width() * 0.5).max(0.0);
let max_inset_y = (bounds.height() * 0.5).max(0.0);
// Clamp the inset so we never shrink more than half of the width/height;
// otherwise the rect could end up inverted on small frames.
let inset_x = blur_inset.min(max_inset_x);
let inset_y = blur_inset.min(max_inset_y);
if inset_x > 0.0 || inset_y > 0.0 {
bounds.inset((inset_x, inset_y));
}
}
let mut transform = element.transform; let mut transform = element.transform;
transform.post_translate(element.center()); transform.post_translate(element.center());
transform.pre_translate(-element.center()); transform.pre_translate(-element.center());