The door animation repeats when using the back button on Safari (webkit)

[brahdee]

This might be due to differences with how webkit handles animations but I'm not entirely sure since this doesn't happen on Chrome

Here is a very low quality gif of what I mean:

The door icon is also missing afterwards for some reason, scrolling and interacting still works albeit with the shadow still on screen, refreshing fixes it

[brahdee]

A possible fix for this could be automatically refreshing the page when the history is traversed (and the browser is detected as being webkit) (which is kind of avoiding the issue but still):

window.addEventListener("pageshow", function (e) {
  if ((window.performance.navigation.type === 2) && (typeof window.webkitConvertPointFromNodeToPage === 'function')) {
    window.location.reload();
  }
});