From c1cecda795c6a2dbfa162deb4e62588fdf76c584 Mon Sep 17 00:00:00 2001
From: Jon Q <hello@jonquach.com>
Date: Tue, 17 Mar 2020 15:20:36 -0400
Subject: [PATCH] Improve Mover/Highlight experience. Reduce debounce timeout
 from 500 -> 250

---
 packages/block-editor/src/components/block-toolbar/utils.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/block-editor/src/components/block-toolbar/utils.js b/packages/block-editor/src/components/block-toolbar/utils.js
index a38e53c86c992..6540de7ad06c4 100644
--- a/packages/block-editor/src/components/block-toolbar/utils.js
+++ b/packages/block-editor/src/components/block-toolbar/utils.js
@@ -9,6 +9,7 @@ import { useDispatch } from '@wordpress/data';
 import { useState, useRef, useEffect, useCallback } from '@wordpress/element';
 
 const { clearTimeout, setTimeout } = window;
+const DEBOUNCE_TIMEOUT = 250;
 
 /**
  * Hook that creates a showMover state, as well as debounced show/hide callbacks
@@ -16,7 +17,7 @@ const { clearTimeout, setTimeout } = window;
 export function useDebouncedShowMovers( {
 	ref,
 	isFocused,
-	debounceTimeout = 500,
+	debounceTimeout = DEBOUNCE_TIMEOUT,
 	onChange = noop,
 } ) {
 	const [ showMovers, setShowMovers ] = useState( false );
@@ -87,7 +88,7 @@ export function useDebouncedShowMovers( {
  */
 export function useShowMoversGestures( {
 	ref,
-	debounceTimeout = 500,
+	debounceTimeout = DEBOUNCE_TIMEOUT,
 	onChange = noop,
 } ) {
 	const [ isFocused, setIsFocused ] = useState( false );