From 3bd7ff4433e598dc2fd01891e0a72daaae53f390 Mon Sep 17 00:00:00 2001
From: pauld0051 <62159791+pauld0051@users.noreply.github.com>
Date: Wed, 27 Dec 2023 07:38:49 +0000
Subject: [PATCH] Testing expanding output box on italics

---
 scripts/italics.js | 67 ++++++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 32 deletions(-)

diff --git a/scripts/italics.js b/scripts/italics.js
index 86b4620..fe1bb2d 100644
--- a/scripts/italics.js
+++ b/scripts/italics.js
@@ -26,37 +26,40 @@ const italicMap = {
         'ú': '𝘶́', 'û': '𝘶̂', 'ü': '𝘶̈', 'ý': '𝘺́', 'þ': '𝘵̵', 'ÿ': '𝘺̈'
       };
       
-document.addEventListener('DOMContentLoaded', function () {
-    document.getElementById('alternatingTextForm').addEventListener('submit', function (e) {
-        e.preventDefault();
-
-        let inputText = document.getElementById('textInput').value;
-        let italicText = '';
-
-        // Convert each character to its italic equivalent
-        for (let char of inputText) {
-            italicText += italicMap[char] || char; // Fallback to the original character if no italic equivalent
+      document.addEventListener('DOMContentLoaded', function () {
+        document.getElementById('alternatingTextForm').addEventListener('submit', function (e) {
+            e.preventDefault();
+    
+            let inputText = document.getElementById('textInput').value;
+            let italicText = '';
+    
+            // Convert each character to its italic equivalent
+            for (let char of inputText) {
+                italicText += italicMap[char] || char; // Fallback to the original character if no italic equivalent
+            }
+    
+            // Set the italic text as the value of the output element
+            const outputElement = document.getElementById('alternatingTextOutput');
+            outputElement.textContent = italicText; // Use textContent to set text
+            outputElement.style.height = ""; // Reset the height
+            outputElement.style.height = outputElement.scrollHeight + "px"; // Adjust the height to fit content
+        });
+    
+        // Function to copy text to clipboard
+        function copyToClipboard(text) {
+            const dummy = document.createElement('textarea');
+            document.body.appendChild(dummy);
+            dummy.value = text;
+            dummy.select();
+            document.execCommand('copy');
+            document.body.removeChild(dummy);
         }
-
-        // Set the italic text as the value of the output element
-        const outputElement = document.getElementById('alternatingTextOutput');
-        outputElement.textContent = italicText; // Use textContent to set text
+    
+        // Event listener for the copy button
+        document.getElementById('copyButton').addEventListener('click', function () {
+            // Copy the value, which will retain italic formatting when pasted
+            const textToCopy = document.getElementById('alternatingTextOutput').textContent;
+            copyToClipboard(textToCopy);
+        });
     });
-
-    // Function to copy text to clipboard
-    function copyToClipboard(text) {
-        const dummy = document.createElement('textarea');
-        document.body.appendChild(dummy);
-        dummy.value = text;
-        dummy.select();
-        document.execCommand('copy');
-        document.body.removeChild(dummy);
-    }
-
-    // Event listener for the copy button
-    document.getElementById('copyButton').addEventListener('click', function () {
-        // Copy the value, which will retain italic formatting when pasted
-        const textToCopy = document.getElementById('alternatingTextOutput').textContent;
-        copyToClipboard(textToCopy);
-    });
-});
+    
\ No newline at end of file