A Rendering Bug in Safari

I found a mysterious Safari rendering issue while working on this site.

At first I thought I must have written some wonky CSS, so I attempted to create a minimal reproduction on CodeSandbox.

The reproduction gave me enough understanding to search through the WebKit bug tracker. Say hello to known issue number 156684.

The bug report described the exact cause of the issue, which gave me the information needed to work around it.

Then everyone lived happily ever after.

The end 🎉