Make WordPress Core

Opened 7 weeks ago

Last modified 3 weeks ago

#61298 new enhancement

Slight UI bug when applying shadow on the lightbox

Reported by: 254volkan's profile 254volkan Owned by:
Milestone: Awaiting Review Priority: normal
Severity: trivial Version: 6.5.3
Component: Formatting Keywords:
Focuses: ui Cc:

Description

I was working around the playground and using the image effects, namely drop shadow.
The drop shadow on the lightbox appears distorted, however, changing the overflow attribute from hidden to visible appears to make a better aesthetic and the drop shadow visible
https://imgur.com/HXk0npD
https://imgur.com/0nwOHZH
https://imgur.com/WixQrDT

Change History (1)

#1 @bezzynathan
7 weeks ago

When using the drop-shadow() function in CSS, the shadow can be cut off if the parent container has overflow: hidden set. Changing the overflow attribute to visible allows the drop shadow to be fully visible and not clipped by the container's boundaries. This is because overflow: hidden restricts the rendering of any content, including shadows, that extends beyond the container's edges.