fix(poc3): Sped up question hover; it was laggy due to underspecific tippy selector

Author: geoffroy-noel-ddh

app/poc3.html

@@ -172,7 +172,7 @@ <h2 class="title is-3">Case</h2>
                   <p class="card-header-title title is-4">Driver's statement</p>
                 </header>
                 <div class="card-content">
-                  <div class="highlighted-text" v-html="highlightedQuestionnaireStatement">
+                  <div class="highlighted-text" id="statement" v-html="highlightedQuestionnaireStatement">
                   </div>
                 </div>
               </div>

app/poc3.js

@@ -102,9 +102,7 @@ createApp({
         this.selectedCase?.statement, 
         response?.highlights ?? []
       )
-      nextTick(() => {
-        window.tippy('[data-tippy-content]');
-      })
+      this.enableNewTooltips('#statement span.passage')
       return ret
     },
     reviewRows() {
@@ -126,9 +124,7 @@ createApp({
         })
       }
 
-      nextTick(() => {
-        window.tippy('[data-tippy-content]');
-      })
+      this.enableNewTooltips()
 
       return ret
     },
@@ -295,5 +291,11 @@ createApp({
     onClickQuestion(question) {
       this.selectedQuestion = question
     },
+    enableNewTooltips(selector) {
+      selector = selector || ''
+      nextTick(() => {
+        window.tippy(`${selector}[data-tippy-content]`);
+      })
+    },
   }
 }).mount('#app')