fix(item): error slot visible in Safari (#24579)

Resolves #24575
ionic-team · Jan 14, 2022 · af01a8b · af01a8b
1 parent e00c9cb
commit af01a8b
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/core/src/components/item/item.scss b/core/src/components/item/item.scss
@@ -433,6 +433,12 @@ button, a {
   display: none;
 }
 
+::slotted([slot="error"]) {
+  display: none;
+
+  color: var(--highlight-color-invalid);
+}
+
 :host(.item-interactive.ion-invalid) ::slotted([slot="error"]) {
   display: block;
 }
@@ -527,12 +533,6 @@ ion-ripple-effect {
   z-index: 1;
 }
 
-::slotted([slot="error"]) {
-  display: none;
-
-  color: var(--highlight-color-invalid);
-}
-
 
 // Item: Reduced Motion
 // --------------------------------------------------