From abecec452ce910f16806bf0734833471dc75fd6d Mon Sep 17 00:00:00 2001
From: Gregor Weichbrodt <gregorweichbrodt@gmail.com>
Date: Sun, 5 Apr 2020 14:13:37 +0200
Subject: [PATCH] make tippy update itself when content changes via sticky
 plugin

---
 examples/Components/Routes/Suggestions/index.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/examples/Components/Routes/Suggestions/index.vue b/examples/Components/Routes/Suggestions/index.vue
index ee1dbd4f0..781ee6db3 100644
--- a/examples/Components/Routes/Suggestions/index.vue
+++ b/examples/Components/Routes/Suggestions/index.vue
@@ -35,7 +35,7 @@
 
 <script>
 import Fuse from 'fuse.js'
-import tippy, { roundArrow } from 'tippy.js'
+import tippy, { roundArrow, sticky } from 'tippy.js'
 import Icon from 'Components/Icon'
 import { Editor, EditorContent, EditorMenuBar } from 'tiptap'
 import {
@@ -219,11 +219,12 @@ export default {
 
       // ref: https://atomiks.github.io/tippyjs/v6/all-props/
       this.popup = tippy('.page', {
-        // function that returns a ClientRect object
         getReferenceClientRect: node.getBoundingClientRect,
         appendTo: () => document.body,
         interactive: true,
         arrow: roundArrow,
+        sticky: true, // make sure position of tippy is updated when content changes
+        plugins: [sticky],
         content: this.$refs.suggestions,
         trigger: 'mouseenter', // manual
         showOnCreate: true,