Merge pull request #18814 from mvdbeek/fix_library_edit_field_null_ha…

…ndling [24.1] Fix optional text handling in LibraryEditField
galaxyproject · Sep 16, 2024 · f1b86ee · f1b86ee
2 parents 310cbd9 + 9afea55
commit f1b86ee
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/client/src/components/Libraries/LibraryEditField.vue b/client/src/components/Libraries/LibraryEditField.vue
@@ -6,7 +6,7 @@
                 <b-form-textarea class="form-control" :value="text" rows="3" no-resize @change="updateValue" />
             </div>
             <!-- shrink long text -->
-            <div v-else-if="text.length > maxDescriptionLength && !isExpanded">
+            <div v-else-if="text && text.length > maxDescriptionLength && !isExpanded">
                 <!-- eslint-disable vue/no-v-html -->
                 <span
                     class="shrinked-description"
@@ -20,10 +20,10 @@
             <!-- Regular -->
             <div v-else>
                 <!-- eslint-disable-next-line vue/no-v-html -->
-                <div v-html="linkify(sanitize(text))"></div>
+                <div v-html="linkify(sanitize(text ?? ''))"></div>
                 <!-- hide toggle expand if text is too short -->
                 <a
-                    v-if="text.length > maxDescriptionLength"
+                    v-if="text && text.length > maxDescriptionLength"
                     class="more-text-btn"
                     href="javascript:void(0)"
                     @click="toggleDescriptionExpand"
@@ -47,6 +47,7 @@ export default {
     props: {
         text: {
             type: String,
+            required: false,
         },
         changedValue: {
             type: String,