Skip to main content
Vincent_Schlothauer
Active Member
January 13, 2026
Solved

Why do shadows look different on auto layout vs. shapes?

  • January 13, 2026
  • 3 replies
  • 186 views

I don’t know if this is a bug or simply a feature I don’t get: Shadows look completely different when applied to a shape with a fill vs. an auto layout of the same dimensions with the same fill. Even stranger, when clip content is applied to the auto layout the shadow looks the same as it does on the shape.

Is there anything I can do to ensure a shadow renders the same whether or not it is applied to a shape, a frame or other object? And what’s with the clip content difference? I would have expected the shadow to look different with clip content enabled, not the other way around.

I’d be much obliged if anyone could enlighten me.

 

Best answer by Vincent_Schlothauer

Update: I’ve realised that this applies only to shadows with a spread that is ≠0. Which explains perhaps why clip content affects it,  though I wish it wouldn’t. I also would expect clip content enabled to cut off the spread, rather than the other way around.

3 replies

Vincent_Schlothauer
Active Member
January 14, 2026

Update: I’ve realised that this applies only to shadows with a spread that is ≠0. Which explains perhaps why clip content affects it,  though I wish it wouldn’t. I also would expect clip content enabled to cut off the spread, rather than the other way around.

Michael_Hametner
New Participant
March 31, 2026

Hi ​@Vincent_Schlothauer 

Does this explain to you why this happens in the first place?
I’m irritated as your answer is marked as solution.

I also don’t understand why Clip content doesn’t entirely cut off the shadow.


Thanks
Michi

jponch
New Participant
September 2, 2026

I also would love an explanation for both what exactly is happening here (beyond “Clip Content” makes negative spread possible) and why it is this way? Does this have anything to do with how browsers will render the CSS exported? I don’t believe CSS requires any additional characteristics for the parent item in order to assign a negative spread on a box-shadow?