Skip to main content
Danny_Boisvert
Sep 1, 2023 6:54 PM UTC
Solved

Layered box-shadow order is reversed in Dev Mode

When applying multiple layers of box-shadow (effects), the CSS code generated by the Dev Mode for the property returns the correct values, but in incorrect order.

See image below for the issue breakdown.

As anyone experienced this with the Dev Mode handoff tool? Can anyone confirm this bug?

This topic has been closed for replies.
Tom_Lowry
Tom_LowrySolution
Figmate
Mar 21, 2024 12:20 PM UTC

Updating this thread; this should be fixed as of yesterday. Thanks for your patience!

8 replies

Nor-at-Workday
Oct 23, 2023 5:57 PM UTC

We have the same problem. We use box-shadows for our focus rings, and the output in Dev Mode is reversed. 😫

Danny_Boisvert
Oct 23, 2023 8:28 PM UTC

@Nor-at-Workday Thank you for confirming this behavior. Hopefully this can get a bit of traction and get resolved. 😊

Oct 26, 2023 7:18 AM UTC

Yes, we also have this problem 😩

Jan 8, 2024 7:36 PM UTC

+1 many stackblitz sandboxes were created before realizing isolating to Figma dev tools 😀

Michael_McGreal
Jan 8, 2024 9:44 PM UTC

+1 many stackblitz sandboxes were created before realizing isolating to Figma dev tools 😀

Tom_Lowry
Figmate
Tom_LowrySolution
Figmate
Mar 21, 2024 12:20 PM UTC

Updating this thread; this should be fixed as of yesterday. Thanks for your patience!

Danny_Boisvert
Mar 21, 2024 12:59 PM UTC

That’s awesome, @Tom_Lowry! Thank you for the update. 😊

Harmony
New Member
Nov 19, 2024 8:06 PM UTC

@Tom_Lowry I’m still having this issue!