test fix for the ticket title

assets/js/ticket.js

@@ -18,7 +18,12 @@ function saveTicket() {
     
     editables.forEach(field => {
         if (field.dataset.field) {
-            data[field.dataset.field] = field.value;
+            // For contenteditable divs, use textContent/innerText; for inputs/textareas, use value
+            if (field.hasAttribute('contenteditable')) {
+                data[field.dataset.field] = field.textContent.trim();
+            } else {
+                data[field.dataset.field] = field.value;
+            }
         }
     });
 
@@ -63,19 +68,26 @@ function saveTicket() {
 
 function toggleEditMode() {
     const editButton = document.getElementById('editButton');
-    const editables = document.querySelectorAll('.title-input, textarea[data-field="description"]');
+    const titleField = document.querySelector('.title-input');
+    const descriptionField = document.querySelector('textarea[data-field="description"]');
     const metadataFields = document.querySelectorAll('.editable-metadata');
     const isEditing = editButton.classList.contains('active');
 
     if (!isEditing) {
         editButton.textContent = 'Save Changes';
         editButton.classList.add('active');
-        editables.forEach(field => {
-            field.disabled = false;
-            if (field.classList.contains('title-input')) {
-                field.focus();
-            }
-        });
+
+        // Enable title (contenteditable div)
+        if (titleField) {
+            titleField.setAttribute('contenteditable', 'true');
+            titleField.focus();
+        }
+
+        // Enable description (textarea)
+        if (descriptionField) {
+            descriptionField.disabled = false;
+        }
+
         // Enable metadata fields (priority, category, type)
         metadataFields.forEach(field => {
             field.disabled = false;
@@ -84,9 +96,17 @@ function toggleEditMode() {
         saveTicket();
         editButton.textContent = 'Edit Ticket';
         editButton.classList.remove('active');
-        editables.forEach(field => {
-            field.disabled = true;
-        });
+
+        // Disable title
+        if (titleField) {
+            titleField.setAttribute('contenteditable', 'false');
+        }
+
+        // Disable description
+        if (descriptionField) {
+            descriptionField.disabled = true;
+        }
+
         // Disable metadata fields
         metadataFields.forEach(field => {
             field.disabled = true;
@@ -231,18 +251,6 @@ document.addEventListener('DOMContentLoaded', function() {
         textarea.style.height = textarea.scrollHeight + 'px';
     }
 
-    // Auto-resize the title textarea to fit content
-    const titleTextarea = document.querySelector('.title-input');
-    if (titleTextarea) {
-        // Initial resize
-        autoResizeTextarea(titleTextarea);
-
-        // Resize on input when in edit mode
-        titleTextarea.addEventListener('input', function() {
-            autoResizeTextarea(this);
-        });
-    }
-
     // Auto-resize the description textarea to fit content
     const descriptionTextarea = document.querySelector('textarea[data-field="description"]');
     if (descriptionTextarea) {