Allow Border Overlap With Elements within Layout Blocks (Group, Row, Stack)

[that-mike-bal]

What problem does this address?

This is a design capability to break some of the blockiness that results from having very defined and responsive containers around everything. I'm not currently aware of a way to do this, and I stumbled across it in the post editor while recording a video for dotcom focused on borders. The website was thehansoloproject.com and it is currently using the Quadrat Black theme. The screen shot is from the post editor.

What is your proposed solution?

I'm not actually sure how to do this but I've attached a screenshot of the bug that gave me the idea. Some ability to overlap layout blocks would make more sense than just solving for this specific scenario IMO. Maybe it's something like layers you see in design tools or there's just an overlap/padding setting you can adjust into the negative range?

[andrewserong]

Thanks for opening this! There'd be lots of great design opportunities with both negative margins, and potentially the idea of one day being able to use absolute positioning.

Just linking through some previous discussion and work on negative margins that was explored in: #40464 (comment) — one of the challenges both with that PR, and that I ran into with exploring sticky positioning (back in #38039) is that we then need to deal with potential issues surrounding z-index and ensuring that blocks are selectable within the editor when they overlap (and have the desired layer hierarchy).

Still, I think this would be very cool to explore further!