[Beta] Fix font jumps on iOS

This commit is contained in:
Dan Abramov
2022-09-10 07:32:31 +01:00
parent cf4d66b280
commit a8c8a192a9
2 changed files with 5 additions and 2 deletions

View File

@@ -74,6 +74,7 @@ function SandpackRoot(props: SandpackProps) {
hidden: true,
};
debugger;
return (
<div className="sandpack sandpack--playground sandbox my-8">
<SandpackProvider

View File

@@ -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 {