Fix select control invalid state

2 files changed, 8 insertions, 0 deletions

diff --git a/kvision-modules/kvision-bootstrap-select/src/main/kotlin/pl/treksoft/kvision/form/select/Select.kt b/kvision-modules/kvision-bootstrap-select/src/main/kotlin/pl/treksoft/kvision/form/select/Select.kt
index af9e8c86..cd8b5817 100644
--- a/kvision-modules/kvision-bootstrap-select/src/main/kotlin/pl/treksoft/kvision/form/select/Select.kt
+++ b/kvision-modules/kvision-bootstrap-select/src/main/kotlin/pl/treksoft/kvision/form/select/Select.kt
@@ -199,6 +199,7 @@ open class Select(
         val cl = super.getSnClass().toMutableList()
         if (validatorError != null) {
             cl.add("text-danger" to true)
+            cl.add("select-parent" to true)
         }
         return cl
     }
diff --git a/src/main/resources/css/style.css b/src/main/resources/css/style.css
index fccaeb2c..dbc65278 100644
--- a/src/main/resources/css/style.css
+++ b/src/main/resources/css/style.css
@@ -93,6 +93,13 @@ trix-toolbar .trix-button-group {
     margin-left: -1em !important;
 }
 
+.select-parent.text-danger>.invalid-feedback {
+    display: block;
+}
+.select-parent.text-danger>div.form-control>button.form-control {
+    border-color: #dc3545;
+}
+
 .form-inline .bootstrap-select .form-control {
     min-width: 200px;
 }