diff --git a/src/a11y-dialog.ts b/src/a11y-dialog.ts
index 9f23070a..315204cf 100644
--- a/src/a11y-dialog.ts
+++ b/src/a11y-dialog.ts
@@ -65,9 +65,20 @@ export default class A11yDialog {
 
     // Keep a reference to the currently focused element to be able to restore
     // it later
-    this.previouslyFocused = getActiveElement() as HTMLElement
     this.shown = true
     this.$el.removeAttribute('aria-hidden')
+    this.previouslyFocused = getActiveElement() as HTMLElement
+
+    // Due to a long lasting bug in Safari, clicking an interactive element
+    // (like a <button>) does *not* move the focus to that element, which means
+    // `document.activeElement` is whatever element is currently focused (like
+    // an <input>), or the <body> element otherwise. We can work around that
+    // problem by checking whether the focused element is the <body>, and if it,
+    // store the click event target.
+    // See: https://bugs.webkit.org/show_bug.cgi?id=22261
+    if (this.previouslyFocused?.tagName === 'BODY' && event?.target) {
+      this.previouslyFocused = event.target as HTMLElement
+    }
 
     // Set the focus to the dialog element
     moveFocusToDialog(this.$el)
