Command Center: Fix a style glitch on Safari

WordPress · Apr 27, 2023 · 426af33 · 426af33
1 parent e8ec1ce
commit 426af33
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/commands/src/components/command-menu.js b/packages/commands/src/components/command-menu.js
@@ -196,7 +196,11 @@ export function CommandMenu() {
 			onRequestClose={ close }
 			__experimentalHideHeader
 		>
-			<div className="commands-command-menu__container">
+			{ /* the style here is a hack to force safari to repaint to avoid a style glitch */ }
+			<div
+				className="commands-command-menu__container"
+				style={ { transform: 'translateZ(0)' } }
+			>
 				<Command label={ __( 'Global Command Menu' ) }>
 					<div className="commands-command-menu__header">
 						<Command.Input