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.
missive · May 31, 2024 · 68f0c68 · 68f0c68
1 parent d7fa4eb
commit 68f0c68
Showing 1 changed file with 2 additions and 0 deletions.
diff --git 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)
   }