fix: add id for highlight text in text and chat fields

argilla-io · Nov 7, 2024 · 39928ed · 39928ed
1 parent e425c89
commit 39928ed
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/argilla-frontend/components/features/annotation/container/fields/chat-field/ChatField.vue b/argilla-frontend/components/features/annotation/container/fields/chat-field/ChatField.vue
@@ -5,7 +5,11 @@
       class="chat__wrapper"
       :class="checkIfAreLessThanTwoRoles ? '--simple' : '--multiple'"
     >
-      <div v-for="({ role, content: text }, index) in content" :key="index">
+      <div
+        :id="`fields-content-${name}`"
+        v-for="({ role, content: text }, index) in content"
+        :key="index"
+      >
         <span
           :class="[
             'chat__item',

diff --git a/argilla-frontend/components/features/annotation/container/fields/text-field/TextField.vue b/argilla-frontend/components/features/annotation/container/fields/text-field/TextField.vue
@@ -16,7 +16,7 @@
         </BaseButton>
       </BaseActionTooltip>
     </div>
-    <div class="content-area --body1">
+    <div :id="`fields-content-${name}`" class="content-area --body1">
       <MarkdownRenderer v-if="useMarkdown" :markdown="fieldText" />
       <Sandbox v-else-if="isHTML" :content="fieldText" />
       <div v-else :class="classes" v-html="fieldText" />