Skip to main content
Danny_Boisvert
Danny_Boisvert
September 1, 2023
Solved

Layered box-shadow order is reversed in Dev Mode

  • September 1, 2023
  • 8 replies
  • 828 views

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.

box-shadow behavior in Dev Mode

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

    This topic has been closed for replies.
    Best answer by Tom_Lowry

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

    8 replies

    Nor-at-Workday
    Nor-at-Workday
    October 23, 2023

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

      Danny_Boisvert
      Danny_BoisvertAuthor
      October 23, 2023

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

      Jeremy_Grlj
      October 26, 2023

      Yes, we also have this problem 😩

        muchael
        January 8, 2024

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

          Michael_McGreal
          Michael_McGreal
          January 8, 2024

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

          Tom_Lowry
          Figmate
          Tom_LowryAnswer
          Figmate
          March 21, 2024

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

            Danny_Boisvert
            Danny_BoisvertAuthor
            March 21, 2024

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

              Harmony
              Harmony
              New Member
              November 19, 2024

              @Tom_Lowry I’m still having this issue!

                Terms & ConditionsAccessibility statement