Issue #260 - Updated to use shadowRoot rather than querySelector for the emoji-picker component to add event listener.

rajeev-ayer · rajeev-ayer · commit 1602c7e23574 · 2021-12-07T09:40:05.000-08:00
diff --git a/.gitignore b/.gitignore
@@ -19,3 +19,4 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+vue-advanced-chat.code-workspace
diff --git a/src/components/EmojiPickerContainer/EmojiPickerContainer.vue b/src/components/EmojiPickerContainer/EmojiPickerContainer.vue
@@ -62,8 +62,7 @@ export default {
 				setTimeout(() => {
 					this.addCustomStyling()
 
-					document
-						.querySelector('emoji-picker')
+					this.$refs.emojiPicker.shadowRoot
 						.addEventListener('emoji-click', ({ detail }) => {
 							this.$emit('add-emoji', {
 								unicode: detail.unicode
