move pseudo-selector to end of nested selectors in form.css (#2274)

folio-org · Apr 25, 2024 · 9fec08c · 9fec08c
1 parent 7140761
commit 9fec08c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 * Exclude invalid additional currencies. Refs STCOM-1274.
 * Validate ref in `Paneset` before dereferencing it. Refs STCOM-1235.
+* Resolve bug with form control validation styles not rendering. Adjusted order of nested selectors. Refs STCOM-1284.
 
 ## [12.1.0](https://github.com/folio-org/stripes-components/tree/v12.1.0) (2024-03-12)
 [Full Changelog](https://github.com/folio-org/stripes-components/compare/v12.0.0...v12.1.0)

diff --git a/lib/sharedStyles/form.css b/lib/sharedStyles/form.css
@@ -27,10 +27,6 @@
   display: flex;
   align-items: center;
 
-  &::-ms-clear {
-    display: none;
-  }
-
   &:focus,
   &.isFocused {
     border: 1px solid var(--primary);
@@ -82,6 +78,10 @@
   &.isChanged {
     background-color: oklch(from var(--primary) l c h / 20%);
   }
+
+  &::-ms-clear {
+    display: none;
+  }
 }
 
 /**