fix(playground): use visibility hidden to hide iframe for proper cont…

…ent sizing (#2623) When using `display: none` on the iframe, an Ionic content component using `fullscreen` will not properly resize on app load. Setting the iframe `visibility: hidden` allows the content to resize properly.
ionic-team · Oct 26, 2022 · d08fb9d · d08fb9d · vercel · Oct 26, 2022
1 parent 00bc963
commit d08fb9d
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/src/components/global/Playground/playground.css b/src/components/global/Playground/playground.css
@@ -204,11 +204,8 @@
 }
 
 .playground .frame-hidden {
-  display: none;
-}
-
-.playground .frame-visible {
-  width: 100%;
+  visibility: hidden;
+  width: 0%;
 }
 
 /** Tabs **/