Headstorm/foundry-ui

Card ripple leaving its container in safari

Closed this issue · 4 comments

GriseldaZBalmaceda commented

The ripple effect in safari is going outside of the container and causing a an infinite amount of ripples to be created

aVileBroker commented

Hmm seems similar to this issue from a while back, but I also remember there being some fill-type css rule that also addressed this. @dawsonbooth do you know what I'm talking about?

dawsonbooth commented

I recall using contain: layout; to fix the Card elevation: #235

dawsonbooth commented

The contain property might be what we're looking for: https://developer.mozilla.org/en-US/docs/Web/CSS/contain

  • 👍1
GriseldaZBalmaceda commented

the contain layout works for chrome but in safari it is still rippling out unfortunately.