@salesforcedevs/docs-components 0.0.8-edit → 0.0.9-edit

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.0.8-edit",
+    "version": "0.0.9-edit",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/editFile/editFile.html

@@ -108,7 +108,6 @@
                             <textarea
                                 id="file-content"
                                 class="edit-file-textarea"
-                                value={fileContent}
                                 oninput={handleContentChange}
                                 placeholder="Enter file content..."
                                 rows="20"

package/src/modules/doc/editFile/editFile.ts

@@ -106,6 +106,9 @@ export default class EditFile extends LightningElement {
                 this.fileContent = data.data.content;
                 this.originalContent = data.data.content;
                 this.errorMessage = "";
+                
+                // Set textarea value directly using ref
+                this.updateTextareaValue();
             } else {
                 this.errorMessage = data.error || data.message || "Failed to load file content";
             }
@@ -205,11 +208,29 @@ export default class EditFile extends LightningElement {
         }
     }
 
+    // Update textarea value using ref
+    private updateTextareaValue() {
+        // Use setTimeout to ensure DOM is updated
+        setTimeout(() => {
+            const textarea = this.template.querySelector('#file-content') as HTMLTextAreaElement;
+            if (textarea && this.fileContent !== undefined) {
+                textarea.value = this.fileContent;
+            }
+        }, 0);
+    }
+
     connectedCallback() {
         // Add escape key listener
         document.addEventListener("keydown", this.handleKeyDown.bind(this));
     }
 
+    renderedCallback() {
+        // Ensure textarea value is set correctly when component renders
+        if (this.isPopoverOpen && this.fileContent && !this.isLoading) {
+            this.updateTextareaValue();
+        }
+    }
+
     disconnectedCallback() {
         // Remove escape key listener
         document.removeEventListener("keydown", this.handleKeyDown.bind(this));