From 80a013bb52191f014df1facdad311e267fb10e3f Mon Sep 17 00:00:00 2001
From: Flashfyre <flashfireex@gmail.com>
Date: Mon, 19 Feb 2024 21:09:06 -0500
Subject: [PATCH] Implement workaround for Chromium autofill visual bug

---
 index.css                       | 4 ++++
 src/ui/form-modal-ui-handler.ts | 1 +
 2 files changed, 5 insertions(+)

diff --git a/index.css b/index.css
index bd0075020..0fd1e083b 100644
--- a/index.css
+++ b/index.css
@@ -156,4 +156,8 @@ body {
 
 #layout:fullscreen #dpad, #layout:fullscreen #apad {
   bottom: 6rem;
+}
+
+input:-internal-autofill-selected {
+  -webkit-background-clip: text;
 }
\ No newline at end of file
diff --git a/src/ui/form-modal-ui-handler.ts b/src/ui/form-modal-ui-handler.ts
index cd22a2326..b0e9fe92c 100644
--- a/src/ui/form-modal-ui-handler.ts
+++ b/src/ui/form-modal-ui-handler.ts
@@ -50,6 +50,7 @@ export abstract class FormModalUiHandler extends ModalUiHandler {
       this.modalContainer.add(label);
 
       const inputContainer = this.scene.add.container(70, (hasTitle ? 28 : 2) + 20 * f);
+      inputContainer.setVisible(false);
 
       const inputBg = addWindow(this.scene, 0, 0, 80, 16, false, false, 0, 0, WindowVariant.XTHIN);