✨ Improve

frontend/components/feedback-task/container/fields/span-annotation/components/EntityComponent.vue

@@ -79,18 +79,16 @@ export default {
         position.top + this.$refs.spanEntityRef.scrollTop
       }px`;
     },
-
     getScrollParent(element) {
-      if (!element) {
-        return undefined;
-      }
+      if (!element) return;
 
       let parent = element.parentElement;
       while (parent) {
         const { overflow } = window.getComputedStyle(parent);
         if (overflow.split(" ").every((o) => o === "auto" || o === "scroll")) {
           return parent;
         }
+
         parent = parent.parentElement;
       }
 

frontend/components/feedback-task/container/fields/span-annotation/components/highlighting.ts

@@ -87,6 +87,12 @@ export class Highlighting {
   }
 
   mount(selections: Omit<Span, "text" | "node">[] = []) {
+    if (!CSS.highlights) {
+      throw new Error(
+        "The CSS Custom Highlight API is not supported in this browser!"
+      );
+    }
+
     const node = document.getElementById(this.nodeId)!;
 
     if (!node) throw new Error(`Node with id ${this.nodeId} not found`);
@@ -105,12 +111,6 @@ export class Highlighting {
   }
 
   private loadHighlights(selections: Omit<Span, "text" | "node">[] = []) {
-    if (!CSS.highlights) {
-      throw new Error(
-        "The CSS Custom Highlight API is not supported in this browser!"
-      );
-    }
-
     if (!this.node) {
       throw new Error(
         "Node not attached, use `attachNode` method with HTMLElement that contains the text to select"

frontend/components/feedback-task/container/questions/form/span/SpanComponent.vue

@@ -10,10 +10,6 @@
       @on-focus="onFocus"
       @on-selected="onSelected"
     />
-    <div>
-      <p>Values</p>
-      {{ JSON.stringify(question.answer.valuesAnswered) }}
-    </div>
   </div>
 </template>