From a8c8a192a9921f47527bd049d8af48070ab40e2a Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sat, 10 Sep 2022 07:32:31 +0100
Subject: [PATCH] [Beta] Fix font jumps on iOS

---
 beta/src/components/MDX/Sandpack/SandpackRoot.tsx | 1 +
 beta/src/styles/sandpack.css                      | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/beta/src/components/MDX/Sandpack/SandpackRoot.tsx b/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
index ef396405..316a4f73 100644
--- a/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
+++ b/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
@@ -74,6 +74,7 @@ function SandpackRoot(props: SandpackProps) {
     hidden: true,
   };
 
+  debugger;
   return (
     <div className="sandpack sandpack--playground sandbox my-8">
       <SandpackProvider
diff --git a/beta/src/styles/sandpack.css b/beta/src/styles/sandpack.css
index 691feacc..5ef0089c 100644
--- a/beta/src/styles/sandpack.css
+++ b/beta/src/styles/sandpack.css
@@ -401,11 +401,13 @@ html.dark .sp-devtools > div {
 }
 
 /** 
- * For iOS: prevent browser zoom when clicking on sandbox
+ * For iOS: prevent browser zoom when clicking on sandbox.
+ * Does NOT apply to code blocks.
  */
 @media screen and (max-width: 768px) {
   @supports (-webkit-overflow-scrolling: touch) {
-    .cm-content {
+    .sandbox .cm-content,
+    .sandbox .sp-code-editor .sp-pre-placeholder {
       font-size: initial;
     }
     .DocSearch-Input {