github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-07 23:07:16 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: correctly handles escape on emoji picker (#15351)

Browse Source
This commit is contained in:
Joffrey JAFFEUX
2021-12-17 16:18:33 +01:00
committed by GitHub
parent bec76f937c
commit e71cd73965
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/javascripts/discourse/app/components/emoji-picker.js
View File

@ -215,6 +215,14 @@ export default Component.extend({
section && section.scrollIntoView(); section && section.scrollIntoView();
}, },
@action
keydown(event) {
if (event.code === "Escape") {
this.onClose();
return false;
}
},
@action @action
onFilter(event) { onFilter(event) {
const emojiPicker = document.querySelector(".emoji-picker"); const emojiPicker = document.querySelector(".emoji-picker");

2
app/assets/javascripts/discourse/app/templates/components/emoji-picker.hbs
View File

@ -1,5 +1,5 @@
{{#if isActive}} {{#if isActive}}
<div class="emoji-picker {{if @isActive "opened"}}"> <div {{on "keydown" (action "keydown")}} class="emoji-picker {{if @isActive "opened"}}">
<div class="emoji-picker-category-buttons"> <div class="emoji-picker-category-buttons">
{{#if recentEmojis.length}} {{#if recentEmojis.length}}
<button type="button" data-section="recent" {{action "onCategorySelection" "recent"}} class="btn btn-default category-button emoji"> <button type="button" data-section="recent" {{action "onCategorySelection" "recent"}} class="btn btn-default category-button emoji">