From b9a9e3c9e768b475c35bf91111952dc7ab56b2cf Mon Sep 17 00:00:00 2001 From: lubber-de Date: Tue, 14 May 2024 17:31:48 +0200 Subject: [PATCH] fix(dropdown): hidden cursor on form states --- 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),