Figma Components with shadows displayed incorrectly in the zeroheight Lightbox

nerooweb

Figma Components with shadows are displayed incorrectly in the zeroheight inspect view.

How it should look:

How it looks in zeroheight inspect view:

Once you remove the shadows from the component, it works.

VinhLa

Hello nerooweb

Thank you for getting in touch.

Would it be possible to get view-access to your Figma file?

You can share this directly with me at vinh@zeroheight.com and we'll run a few tests on our end 😀

nerooweb

shared all, but no fix 🙁 It just scales wrong, because it think the shadow size is part of the calculation

nerooweb

Still handles shadows wrong 🙁

VinhLa

Hi nerooweb

Can you please share with us a screenshot of the component which scales incorrectly?

nerooweb

"How it should look" is the screenshot of the component. We went through all this before, were I provided you access to the Figma file, all component details and much more to work with. I also explained a possible reason for this, since it only happens with components that have shadows. The larger the shadow the more it gets scuffed in zeroheight inspect. I think your devs should have an easy time working out the underlying issue.

VinhLa

nerooweb Thank you for the reply. We did provide a workaround by unclipping the alert component in Figma, so this should fix any distorted/squished images in zeroheight with the shadow.

This is the workaround that we advise right now with this issue, if the shadow still shows incorrectly after the suggestion it would be great to get an example 😃.

Regarding the root cause this in on our engineering backlog as it involves the Figma API as well, with no ETA on completion yet.