From 143112e29f22f680697eafbbae73c532059781ca Mon Sep 17 00:00:00 2001 From: errahsoufiane Date: Tue, 9 Aug 2022 02:47:50 +1000 Subject: [PATCH 1/2] fix "Unable to move cursor (left/right) in searchbar" --- src/components/EmojiPicker/EmojiPickerMenu/index.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/components/EmojiPicker/EmojiPickerMenu/index.js b/src/components/EmojiPicker/EmojiPickerMenu/index.js index 2c9ef4a3ad33..8a7abed187d7 100755 --- a/src/components/EmojiPicker/EmojiPickerMenu/index.js +++ b/src/components/EmojiPicker/EmojiPickerMenu/index.js @@ -147,10 +147,12 @@ class EmojiPickerMenu extends Component { this.keyDownHandler = (keyBoardEvent) => { if (keyBoardEvent.key.startsWith('Arrow')) { - keyBoardEvent.preventDefault(); + if (!this.state.isFocused || keyBoardEvent.key === 'ArrowUp' || keyBoardEvent.key === 'ArrowDown') { + keyBoardEvent.preventDefault(); - // Move the highlight when arrow keys are pressed - this.highlightAdjacentEmoji(keyBoardEvent.key); + // Move the highlight when arrow keys are pressed + this.highlightAdjacentEmoji(keyBoardEvent.key); + } return; } From 5e7bfcde6d80c2cbfc0724f55eb4cc6017707d1f Mon Sep 17 00:00:00 2001 From: errahsoufiane Date: Wed, 10 Aug 2022 05:39:17 +1000 Subject: [PATCH 2/2] move highlight when arrow left/right keys are pressed even when focused input --- src/components/EmojiPicker/EmojiPickerMenu/index.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/EmojiPicker/EmojiPickerMenu/index.js b/src/components/EmojiPicker/EmojiPickerMenu/index.js index 8a7abed187d7..470f570603f3 100755 --- a/src/components/EmojiPicker/EmojiPickerMenu/index.js +++ b/src/components/EmojiPicker/EmojiPickerMenu/index.js @@ -149,10 +149,10 @@ class EmojiPickerMenu extends Component { if (keyBoardEvent.key.startsWith('Arrow')) { if (!this.state.isFocused || keyBoardEvent.key === 'ArrowUp' || keyBoardEvent.key === 'ArrowDown') { keyBoardEvent.preventDefault(); - - // Move the highlight when arrow keys are pressed - this.highlightAdjacentEmoji(keyBoardEvent.key); } + + // Move the highlight when arrow keys are pressed + this.highlightAdjacentEmoji(keyBoardEvent.key); return; }