Workaround for Firefox/Safari button focus issue.

WordPress · May 24, 2020 · a87fc5d · a87fc5d
1 parent 53fd676
commit a87fc5d
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/block-library/src/heading/heading-level-dropdown.js b/packages/block-library/src/heading/heading-level-dropdown.js
@@ -93,6 +93,15 @@ export default function HeadingLevelDropdown( { selectedLevel, onChange } ) {
 								onClick() {
 									onChange( targetLevel );
 								},
+								// Temporary workaround for macOS Firefox/Safari issue
+								// where clicking buttons in the heading level toolbar
+								// doesn't work.
+								// TODO: Replace this with a more general solution.
+								// https://github.com/WordPress/gutenberg/pull/20246#pullrequestreview-417338057
+								onMouseDown( event ) {
+									event.preventDefault();
+									event.currentTarget.focus();
+								},
 							};
 						} ) }
 					/>