bug: inner shadow is on top of frame border, despite "Clip Content" being on

[rangelovd]

Steps To Reproduce

Steps to reproduce the behavior:

1. Create a frame
2. Add Border (inner)
3. Add Inner Shadow (0% blur, 2px Y, 0% Spread, 100% transparency)

Expected behavior

Inner Shadow is behind the border

Actual behavior

Inner Shadow is on top of the border

Screenshots or video

Also notice how shadow on the right is growing incorrectly, though this is another bug

Desktop (please complete the following information)

Windows 10, Google Chrome

Smartphone (please complete the following information)

No response

Environment (please complete the following information)

design.penpot.app

Frontend Stack Trace

No response

Backend Stack Trace

No response

Additional context

Figma shows inner shadows on top if content is not clipped, and behind if it's cilpped.

[rangelovd]

This is the element I want to create. If the behavior is expected, please share how should this be achieved.

[madalenapmelo-kp]

Hi @rangelovd,

Thanks for reporting this! We've added this to our backlog on Taiga so that we can look further into it, you can find the details here: https://tree.taiga.io/project/penpot/issue/8700