From af01a8b3073dce784cc042923d712b9492638d32 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Fri, 14 Jan 2022 12:36:14 -0500
Subject: [PATCH] fix(item): error slot visible in Safari (#24579)

Resolves #24575
---
 core/src/components/item/item.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/core/src/components/item/item.scss b/core/src/components/item/item.scss
index 004d665045..4bdd3d109a 100644
--- 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
 // --------------------------------------------------