From 9b80546c0c1fd78eec6db158011b974232ad18dc Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Sat, 7 Dec 2019 12:16:35 -0800
Subject: [PATCH] Fix design and auto-selection of file format type

---
 resources/scripts/components/elements/AceEditor.tsx | 2 +-
 resources/styles/components/forms.css               | 5 -----
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/resources/scripts/components/elements/AceEditor.tsx b/resources/scripts/components/elements/AceEditor.tsx
index e62c24d95..238174d6f 100644
--- a/resources/scripts/components/elements/AceEditor.tsx
+++ b/resources/scripts/components/elements/AceEditor.tsx
@@ -117,7 +117,7 @@ export default ({ style, initialContent, initialModePath, fetchContent, onConten
                 <div className={'m-3 rounded bg-neutral-900 border border-black'}>
                     <select
                         className={'input-dark'}
-                        defaultValue={mode}
+                        value={mode.split('/').pop()}
                         onChange={e => setMode(`ace/mode/${e.currentTarget.value}`)}
                     >
                         {
diff --git a/resources/styles/components/forms.css b/resources/styles/components/forms.css
index 5021f8d5a..b83d0132b 100644
--- a/resources/styles/components/forms.css
+++ b/resources/styles/components/forms.css
@@ -119,11 +119,6 @@ select.input-dark:not(.appearance-none) {
     &:hover:not(:disabled), &:focus {
         @apply .border-neutral-400;
     }
-
-    /* fix for Firefox trying to be cool with dark colors */
-    &:focus {
-        @apply .bg-white .text-neutral-800;
-    }
 }
 
 .input-dark-label {