Skip to main content
Question

Weird shadow behind M3 button

  • December 1, 2023
  • 3 replies
  • 257 views

I’m making variants of the buttons in the M3 design kit. I’m making a ‘rounded’ shape variant, but the shadow seems to follow the default circular variant. What’s odd is, it doesn’t do this when I made a rectangular button variant. Any idea what can be happening?

This topic has been closed for replies.

3 replies

  • Author
  • December 2, 2023

I don’t know why this worked, but when I deselected clip content, the shadow works properly.


SohrabNiroo
  • New Participant
  • December 2, 2023

@Ryan_Salas It’s probably because you created a rectangle inside of the frame and you are giving the shadow to a different layer and that’s why deselecting clip content helped you. For buttons like this use fill to the main frame, no need for vector shape in the design.


  • Author
  • December 2, 2023

Nope, I did not create a rectangle inside the frame. It’s just a frame around the icon and the text.