From 68f0c6801e2785386d3ba99967c56fbfcbacd8ca Mon Sep 17 00:00:00 2001 From: Andrea Pryglova Date: Fri, 31 May 2024 13:18:27 +0200 Subject: [PATCH] fix: preserve focus on skin tone button after close Once closing skin tone after choosing an option the focus got lost which is not a11y friendly. --- packages/emoji-mart/src/components/Picker/Picker.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/emoji-mart/src/components/Picker/Picker.tsx b/packages/emoji-mart/src/components/Picker/Picker.tsx index 24cad2e6..70bb1d94 100644 --- a/packages/emoji-mart/src/components/Picker/Picker.tsx +++ b/packages/emoji-mart/src/components/Picker/Picker.tsx @@ -656,6 +656,8 @@ export default class Picker extends Component { if (!this.state.showSkins) return this.setState({ showSkins: null, tempSkin: null }) + this.refs.skinToneButton.current.focus() + this.base.removeEventListener('click', this.handleBaseClick) this.base.removeEventListener('keydown', this.handleBaseKeydown) }