feat(client): show full text on hover for component state field viewer (

#630)
vuejs · Oct 16, 2024 · c3ec0bc · c3ec0bc
1 parent bdf6d5e
commit c3ec0bc
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/applet/src/components/state/StateFieldViewer.vue b/packages/applet/src/components/state/StateFieldViewer.vue
@@ -71,7 +71,7 @@ const normalizedDisplayedValue = computed(() => {
     const _value = type.value === 'custom' && !_type ? `"${displayedValue.value}"` : (displayedValue.value === '' ? `""` : displayedValue.value)
     const normalizedType = type.value === 'custom' && _type === 'ref' ? getInspectorStateValueType(_value) : type.value
     const selectText = type.value === 'string' ? 'select-text' : ''
-    const result = `<span class="${normalizedType}-state-type flex whitespace-nowrap ${selectText}">${_value}</span>`
+    const result = `<span title="${type.value === 'string' ? props.data.value : ''}" class="${normalizedType}-state-type flex whitespace-nowrap ${selectText}">${_value}</span>`
 
     if (extraDisplayedValue)
       return `${result} <span class="text-gray-500">(${extraDisplayedValue})</span>`