diff --git a/packages/react-devtools-shared/src/devtools/views/Button.js b/packages/react-devtools-shared/src/devtools/views/Button.js index c6d2525c0b784..0d706fc2ebd6b 100644 --- a/packages/react-devtools-shared/src/devtools/views/Button.js +++ b/packages/react-devtools-shared/src/devtools/views/Button.js @@ -16,14 +16,14 @@ import tooltipStyles from './Tooltip.css'; type Props = { children: React$Node, className?: string, - title?: string, + title: React$Node, ... }; export default function Button({ children, className = '', - title = '', + title, ...rest }: Props) { let button = ( diff --git a/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js b/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js index 0c8c56530f749..0fe2ccaa78ea3 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js @@ -34,25 +34,6 @@ export default function SearchInput(props: Props) { [dispatch], ); - const handleKeyDown = useCallback( - event => { - // For convenience, let up/down arrow keys change Tree selection. - switch (event.key) { - case 'ArrowDown': - dispatch({type: 'SELECT_NEXT_ELEMENT_IN_TREE'}); - event.preventDefault(); - break; - case 'ArrowUp': - dispatch({type: 'SELECT_PREVIOUS_ELEMENT_IN_TREE'}); - event.preventDefault(); - break; - default: - break; - } - }, - [dispatch], - ); - const handleInputKeyPress = useCallback( ({key, shiftKey}) => { if (key === 'Enter') { @@ -98,7 +79,6 @@ export default function SearchInput(props: Props) { dispatch({type: 'GO_TO_PREVIOUS_SEARCH_RESULT'})} - title="Scroll to previous search result"> + title={ + + Scroll to previous search result (Shift +{' '} + Enter) + + }>