Fixed #1980 - Dropdown | filled background problem

public/themes/arya-blue/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #383838;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;

public/themes/arya-green/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #383838;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;

public/themes/arya-orange/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #383838;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;

public/themes/arya-purple/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #383838;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;

public/themes/bootstrap4-dark-blue/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #3f4b5b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #2a323d;

public/themes/bootstrap4-dark-purple/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #3f4b5b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #2a323d;

public/themes/bootstrap4-light-blue/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #efefef;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #efefef;

public/themes/bootstrap4-light-purple/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #efefef;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #efefef;

public/themes/fluent-light/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #faf9f8;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #faf9f8;

public/themes/lara-dark-blue/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #0b213f;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #071426;

public/themes/lara-dark-indigo/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #0b213f;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #071426;

public/themes/lara-dark-purple/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #0b213f;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #071426;

public/themes/lara-dark-teal/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #0b213f;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #071426;

public/themes/lara-light-blue/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;

public/themes/lara-light-indigo/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;

public/themes/lara-light-purple/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;

public/themes/lara-light-teal/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;

public/themes/luna-amber/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #4b4b4b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #191919;

public/themes/luna-blue/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #4b4b4b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #191919;

public/themes/luna-green/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #4b4b4b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #191919;

public/themes/luna-pink/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #4b4b4b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #191919;

public/themes/md-dark-deeppurple/theme.css

@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;

public/themes/md-dark-indigo/theme.css

@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;

public/themes/md-light-deeppurple/theme.css

@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #dcdcdc;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #ffffff;

public/themes/md-light-indigo/theme.css

@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #dcdcdc;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #ffffff;

public/themes/mdc-dark-deeppurple/theme.css

@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;

public/themes/mdc-dark-indigo/theme.css

@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;

public/themes/mdc-light-deeppurple/theme.css

@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #dcdcdc;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #ffffff;

public/themes/mdc-light-indigo/theme.css

@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #dcdcdc;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #ffffff;

public/themes/nova-accent/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #007ad9;

public/themes/nova-alt/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #333333;

public/themes/nova-vue/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f4f4f4;

public/themes/nova/theme.css

@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f4f4f4;

public/themes/rhea/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #7B95A3;

public/themes/saga-blue/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;

public/themes/saga-green/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;

public/themes/saga-orange/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;

public/themes/saga-purple/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;

public/themes/tailwind-light/theme.css

@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #fafafa;

public/themes/vela-blue/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #304562;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1f2d40;

public/themes/vela-green/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #304562;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1f2d40;

public/themes/vela-orange/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #304562;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1f2d40;

public/themes/vela-purple/theme.css

@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #304562;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1f2d40;