From 52ec74193b4e2478cb84a6dfea261cb2113dcbff Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Fri, 3 Jun 2022 10:18:15 -0400
Subject: [PATCH] fix(label): text contents will repaint on change (#25395)

---
 core/src/components/label/label.ios.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/core/src/components/label/label.ios.scss b/core/src/components/label/label.ios.scss
index 4e4c23c05aa..4f639b262b5 100644
--- a/core/src/components/label/label.ios.scss
+++ b/core/src/components/label/label.ios.scss
@@ -11,7 +11,6 @@
   line-height: $label-ios-text-wrap-line-height;
 }
 
-
 // iOS Stacked & Floating Labels
 // --------------------------------------------------
 
@@ -23,14 +22,14 @@
 
 :host(.label-floating) {
   @include margin(null, null, 0, null);
-  @include transform(translate3d(0, 29px, 0));
+  @include transform(translate(0, 29px));
   @include transform-origin(start, top);
 
   transition: transform 150ms ease-in-out;
 }
 
 :host-context(.item-textarea).label-floating {
-  @include transform(translate3d(0, 28px, 0));
+  @include transform(translate(0, 28px));
 }
 
 :host-context(.item-has-focus).label-stacked,
@@ -41,7 +40,7 @@
 :host-context(.item-has-focus).label-floating,
 :host-context(.item-has-placeholder:not(.item-input)).label-floating,
 :host-context(.item-has-value).label-floating {
-  @include transform(translate3d(0, 0, 0), scale(.82));
+  @include transform(scale(0.82));
 }
 
 // iOS Typography
@@ -74,7 +73,12 @@
 }
 
 ::slotted(*) p {
-  @include margin($item-ios-paragraph-margin-top, $item-ios-paragraph-margin-end, $item-ios-paragraph-margin-bottom, $item-ios-paragraph-margin-start);
+  @include margin(
+    $item-ios-paragraph-margin-top,
+    $item-ios-paragraph-margin-end,
+    $item-ios-paragraph-margin-bottom,
+    $item-ios-paragraph-margin-start
+  );
 
   font-size: $item-ios-paragraph-font-size;