From dbe6853884bd76c3d8e229cd58e1571d9b3a7249 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Mon, 20 Jul 2020 13:40:27 -0400
Subject: [PATCH] fix(title): allow overriding of large title transform origin
 (#21770)

resolves #21761
---
 core/src/components/header/header.utils.ts | 1 -
 core/src/components/title/title.ios.scss   | 5 +++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/core/src/components/header/header.utils.ts b/core/src/components/header/header.utils.ts
index 472d241228..dd6a66d208 100644
--- a/core/src/components/header/header.utils.ts
+++ b/core/src/components/header/header.utils.ts
@@ -150,7 +150,6 @@ export const scaleLargeTitles = (toolbars: ToolbarIndex[] = [], scale = 1, trans
     const titleDiv = toolbar.innerTitleEl;
     if (!ionTitle || ionTitle.size !== 'large') { return; }
 
-    titleDiv.style.transformOrigin = 'left center';
     titleDiv.style.transition = (transition) ? TRANSITION : '';
     titleDiv.style.transform = `scale3d(${scale}, ${scale}, 1)`;
   });
diff --git a/core/src/components/title/title.ios.scss b/core/src/components/title/title.ios.scss
index 63897c6d76..21473fb8b4 100644
--- a/core/src/components/title/title.ios.scss
+++ b/core/src/components/title/title.ios.scss
@@ -41,6 +41,7 @@
 
 :host(.title-large) {
   @include padding(0, 16px);
+  @include transform-origin(start, center);
 
   bottom: 0;
 
@@ -59,3 +60,7 @@
 :host(.title-large.ion-cloned-element) {
   --color: #{$text-color};
 }
+
+:host(.title-large) .toolbar-title {
+  @include transform-origin(inherit);
+}