safari: changing grid-item position to fixed on browser resize not supported

[clshortfuse]

I made a codepen to show the issue.

https://codepen.io/shortfuse/pen/pYqLbQ

On Safari, if a grid-item gains position:fixed on browser resize, then it gets "stuck" on the screen.

[clshortfuse]

The only "workaround" is found is changing display to force Safari to recalculate the layer on resize. Essentially, when you change position:fixed, you have to change display as well. For my use cases, I can easily switch between display:block and display:flex without issue, but that's not a global solution.