can`t show the box with the emoji emotions

[liwen327]

I refer to the demo.But it can not display the box with emoji emotions when i click the button.why?

my code is:

        <div slot="emoji-picker" slot-scope="{ emojis, insert, display }">
          <div class="emoji-picker" :style="{ top: display.y + 'px', left: display.x + 'px' }">
            <div class="emoji-picker__search">
              <input type="text" v-model="search" v-focus>
            </div>
            <div>
              <div v-for="(emojiGroup, category) in emojis" :key="category">
                <h5>{{ category }}</h5>
                <div class="emojis">
                  <span
                    v-for="(emoji, emojiName) in emojiGroup"
                    :key="emojiName"
                    @click="insert(emoji)"
                    :title="emojiName"
                  >{{ emoji }}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </emoji-picker>
    </div>

[8ctopotamus]

Having the same issue. It was working fine previously, now I can't open the emoji menu either.

[8ctopotamus]

@liwen327 Check out the answer in this issue: https://github.com/DCzajkowski/vue-emoji-picker/issues/9#issuecomment-463962778. Modifying my template code to match their codepen worked!

[DCzajkowski]

I have updated the demo template for Vue 2.6 (https://github.com/DCzajkowski/vue-emoji-picker/commit/e24838d75c2a0a2ad7c3a616f2b9ed9261c86900)