Shadow stacking limitations when Vertical offset is negative

[melissaperreault]

Describe the current behavior

Shadow stacking limitations (Video of behavior)
When vertical shadow offsets for either the global media or content container settings are negative (upward), the shadow could overlap the row above (natural CSS behavior) if there isn't enough gap. The issue here is there are 2 different child elements within an image with text creating their own shadows with an existing stacking relationship of their own, which further adds to the complexity that we've been able to solve for in other sections.

Describe the expected behavior

Potentially on:

• Media
• Content containers
• Multirow from Add multirow section #2168

Version information (Dawn, browsers and operating systems)

• Dawn Version: 7.0.1
• Chrome Version 108.0.5359.124
• macOS Version 13.1

Possible solution

Have the shadow appear below regardless of the orientation.