Make code-input sync size on focus state change

(so keyboard navigating to previously-mouse-focused no scroll element keeps no scroll)

Author: WebCoder49

code-input.css

@@ -241,8 +241,6 @@ code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(tex
 code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused):not(.code-input_pre-element-styled) pre code,
 code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused).code-input_pre-element-styled pre {
   padding-top: calc(var(--padding, 16px) + 3em)!important;
-}
-code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused) textarea, code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused):not(.code-input_pre-element-styled) pre code, code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused).code-input_pre-element-styled pre {
   min-height: calc(100% - var(--padding, 16px) * 2 - 3em);
 }
 

code-input.js

@@ -671,9 +671,23 @@ var codeInput = {
             // Accessibility - detect when mouse focus to remove focus outline + keyboard navigation guidance that could irritate users.
             this.addEventListener("mousedown", () => {
                 this.classList.add("code-input_mouse-focused");
+                // Wait for CSS to update padding
+                window.setTimeout(() => {
+                    this.syncSize();
+                }, 0);
             });
             textarea.addEventListener("blur", () => {
                 this.classList.remove("code-input_mouse-focused");
+                // Wait for CSS to update padding
+                window.setTimeout(() => {
+                    this.syncSize();
+                }, 0);
+            });
+            textarea.addEventListener("focus", () => {
+                // Wait for CSS to update padding
+                window.setTimeout(() => {
+                    this.syncSize();
+                }, 0);
             });
 
             this.innerHTML = ""; // Clear Content