From 54c3a2658ffbdf8d11e238dc017318d2c8ca5476 Mon Sep 17 00:00:00 2001
From: Connor Jennings <connor.jennings@mlb.com>
Date: Sat, 24 Aug 2019 09:45:51 -0400
Subject: [PATCH] Product in dropdown clickable in FF/Safari

---
 .../packages/components/src/search/autocomplete.js          | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/plugins/woocommerce-admin/packages/components/src/search/autocomplete.js b/plugins/woocommerce-admin/packages/components/src/search/autocomplete.js
index eb893c803d1..bec433c9352 100644
--- a/plugins/woocommerce-admin/packages/components/src/search/autocomplete.js
+++ b/plugins/woocommerce-admin/packages/components/src/search/autocomplete.js
@@ -324,6 +324,12 @@ export class Autocomplete extends Component {
 									className={ classnames( 'woocommerce-search__autocomplete-result', className, {
 										'is-selected': index === selectedIndex,
 									} ) }
+									/*
+									 * On FF and Safari, if <Button> contains interior DOM nodes (i.e., <span>)
+									 * `handleFocusOutside` will be triggered before `onClick` and close the autocomplete.
+									 * Prevent focus from shifting to these nodes with onMouseDown.
+									 */
+									onMouseDown={ ( e ) => e.preventDefault() }
 									onClick={ () => this.select( option ) }
 								>
 									{ option.label }