diff --git a/extensions/emoji/js/src/forum/addComposerAutocomplete.js b/extensions/emoji/js/src/forum/addComposerAutocomplete.js index b5aed4bae..55e955899 100644 --- a/extensions/emoji/js/src/forum/addComposerAutocomplete.js +++ b/extensions/emoji/js/src/forum/addComposerAutocomplete.js @@ -84,7 +84,7 @@ export default function addComposerAutocomplete() { key={emoji} onclick={() => applySuggestion(emoji)} onmouseenter={function() { - dropdown.setIndex($(this).parent().index()); + dropdown.setIndex($(this).parent().index() - 1); }}> {emoji} {name} diff --git a/extensions/emoji/js/src/forum/components/AutocompleteDropdown.js b/extensions/emoji/js/src/forum/components/AutocompleteDropdown.js index c61af4fb3..978eff018 100644 --- a/extensions/emoji/js/src/forum/components/AutocompleteDropdown.js +++ b/extensions/emoji/js/src/forum/components/AutocompleteDropdown.js @@ -10,6 +10,7 @@ export default class AutocompleteDropdown extends Component { view() { return ( ); @@ -36,14 +37,14 @@ export default class AutocompleteDropdown extends Component { } complete() { - this.$('li').eq(this.index).find('button').click(); + this.$('li:not(.Dropdown-header)').eq(this.index).find('button').click(); } setIndex(index, scrollToItem) { if (this.keyWasJustPressed && !scrollToItem) return; const $dropdown = this.$(); - const $items = $dropdown.find('li'); + const $items = $dropdown.find('li:not(.Dropdown-header)'); let rangedIndex = index; if (rangedIndex < 0) { diff --git a/extensions/emoji/less/forum.less b/extensions/emoji/less/forum.less index 5d164eefd..25f5654ca 100644 --- a/extensions/emoji/less/forum.less +++ b/extensions/emoji/less/forum.less @@ -23,6 +23,14 @@ img.emoji { margin-left: -30px; } } + + .Dropdown-header { + color: @muted-more-color; + text-transform: none; + font-weight: normal; + padding-bottom: 5px; + font-size: 11px; + } } .ComposerBody-emojiWrapper {