Add workaround for Safari action menu focusout

Automattic · Jul 22, 2024 · 8181fa9 · 8181fa9
1 parent ea40602
commit 8181fa9
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/includes/ui/class-ui-elements.php b/includes/ui/class-ui-elements.php
@@ -155,8 +155,11 @@ public static function actions( array $buttons = [], array $links = [] ) {
 	 */
 	public static function actions_menu( $content ) {
 		$label = __( 'Actions', 'wp-job-manager' );
+
+		$close = esc_attr( 'event.currentTarget.contains(event.relatedTarget) || setTimeout(() => this.open = false, 100 )' );
+
 		return <<<HTML
-<details class="jm-ui-actions-menu" onfocusout="event.currentTarget.contains(event.relatedTarget) || ( this.open = false )">
+<details class="jm-ui-actions-menu" onfocusout="{$close}">
 	<summary tabindex="0" class="jm-ui-action-menu__open-button jm-ui-button--icon"
 		aria-label="{$label}">
 		<span class="jm-ui-button__icon"></span>