From be049d2aa53d39f6b334a410f332a12dbaf913fe Mon Sep 17 00:00:00 2001
From: Marco 'Lubber' Wienkoop <c64@lubber.de>
Date: Thu, 23 May 2024 20:55:26 +0200
Subject: [PATCH] fix(dropdown): hidden cursor on form states

Whenever an empty (placeholder shown) multiple search dropdown got a form state (error/info/warning/success) the cursor was not shown anymore when clicking into the search field of the dropdown.
---
 src/definitions/collections/form.less | 2 ++
 src/definitions/modules/dropdown.less | 7 +++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less
index 6ca284dddd..ef557becca 100755
--- a/src/definitions/collections/form.less
+++ b/src/definitions/collections/form.less
@@ -653,6 +653,7 @@
         }
 
         /* Placeholder */
+        .ui.form .@{state} .ui.dropdown > .default.text,
         .ui.form .@{state} ::placeholder {
             color: @formStates[@@state][inputPlaceholderColor];
         }
@@ -660,6 +661,7 @@
             color: @formStates[@@state][inputPlaceholderColor] !important;
         }
 
+        .ui.form .@{state} .ui.dropdown > input:focus ~ .default.text,
         .ui.form .@{state} :focus::placeholder {
             color: @formStates[@@state][inputPlaceholderFocusColor];
         }
diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less
index e902b14f10..6dd0f51f64 100755
--- a/src/definitions/modules/dropdown.less
+++ b/src/definitions/modules/dropdown.less
@@ -751,7 +751,7 @@ select.ui.dropdown {
         opacity: @selectionTextUnderlayIconOpacity;
     }
     .ui.active.search.dropdown input.search:focus + .text {
-        color: @selectionTextUnderlayColor !important;
+        color: @selectionTextUnderlayColor;
     }
 
     .ui.search.dropdown.button > span.sizer {
@@ -922,6 +922,9 @@ select.ui.dropdown {
             padding: inherit;
             margin: @multipleSelectionChildMargin;
             line-height: @multipleSelectionChildLineHeight;
+            &.default {
+                z-index: -1;
+            }
         }
 
         .ui.multiple.search.dropdown > .label ~ .text {
@@ -1976,7 +1979,7 @@ select.ui.dropdown {
         opacity: @invertedSelectionTextUnderlayIconOpacity;
     }
     .ui.inverted.active.search.dropdown input.search:focus + .text {
-        color: @invertedSelectionTextUnderlayColor !important;
+        color: @invertedSelectionTextUnderlayColor;
     }
 
     .ui.dropdown .inverted.menu > .message:not(.ui),