From 83d0a90a93802b9c71f25dcab1607e702de56af4 Mon Sep 17 00:00:00 2001
From: Rishabh <zrishabhgarg@gmail.com>
Date: Tue, 29 Mar 2022 14:02:09 +0530
Subject: [PATCH] Removed input auto-zoom for mobile

Adds meta tag for iframe head to control viewport in mobile devices
---
 ghost/portal/src/components/PopupModal.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/ghost/portal/src/components/PopupModal.js b/ghost/portal/src/components/PopupModal.js
index 7c176f1fef..49ec0cfe3a 100644
--- a/ghost/portal/src/components/PopupModal.js
+++ b/ghost/portal/src/components/PopupModal.js
@@ -199,7 +199,7 @@ class PopupContent extends React.Component {
                         <CookieDisabledBanner message={cookieBannerText} />
                         {this.renderPopupNotification()}
                         {this.renderActivePage()}
-                        {(popupSize === 'full' ? 
+                        {(popupSize === 'full' ?
                             <div className={'gh-portal-powered inside ' + (hasMode(['preview']) ? 'hidden ' : '') + pageClass}>
                                 <PoweredBy />
                             </div>
@@ -252,7 +252,10 @@ export default class PopupModal extends React.Component {
             }
         ` + FrameStyle;
         return (
-            <style dangerouslySetInnerHTML={{__html: styles}} />
+            <>
+                <style dangerouslySetInnerHTML={{__html: styles}} />
+                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+            </>
         );
     }