@joeattardi/emoji-button 이모지 피커 추가하기

https://emoji-button.js.org/

Emoji Button

스마일 아이콘을 클릭하면 위와 같이 이모지 피커 창이 보이게 하였다.

const picker = new EmojiButton({
  showSearch: false,
  showPreview: false,
  showRecents: false,
  autoFocusSearch: false,
  emojiSize: '1.5em',
  emojisPerRow: 8,
  rows: 5,
  zIndex: 99999,
});
const trigger = document.querySelector('.comment_icon');
let commentTextarea = document.querySelector('#review_area');
  
picker.on('emoji', emoji => {
  commentTextarea.value += emoji;
});

 trigger.addEventListener('click', () => picker.togglePicker(trigger));

 

이때 이모티콘 검색 기능을 안 쓰고 싶어서 showSearch: false를 그냥 주면 다음과 같이 에러가 생겼다.
Uncaught Error `initialFocus` refers to no known node

이는 autoFocusSearch의 디폴트 값이 true라서 생겼던 문제였다.