You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I would expect inset-shadow-[shadowspec1,shadowspec2] to render 2 inset shadows, but in fact all but the first are rendered as outer shadows.
In my reproduction the second shadow is red, and should appear inside the element on the right side, but it appears outside the element on the left side.
I can work around it by adding inset_ at the start of the 2nd (and further) shadow specs, such as with inset-shadow-[shadowspec1,inset_shadowspec2]
The text was updated successfully, but these errors were encountered:
What version of Tailwind CSS are you using?
v4.0.17 in my app, v4.11 in "Tailwind Play"
What build tool (or framework if it abstracts the build tool) are you using?
Next.js 15.2.4 but n/a
What version of Node.js are you using?
v20.10.0 but n/a
What browser are you using?
Firefox but affects all
What operating system are you using?
Linux but affects all
Reproduction URL
https://play.tailwindcss.com/gI32O7VLv6
Describe your issue
I would expect
inset-shadow-[shadowspec1,shadowspec2]
to render 2 inset shadows, but in fact all but the first are rendered as outer shadows.In my reproduction the second shadow is red, and should appear inside the element on the right side, but it appears outside the element on the left side.
I can work around it by adding
inset_
at the start of the 2nd (and further) shadow specs, such as withinset-shadow-[shadowspec1,inset_shadowspec2]
The text was updated successfully, but these errors were encountered: