Skip to content

Commit d08fb9d

Browse files
fix(playground): use visibility hidden to hide iframe for proper content 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.
1 parent 00bc963 commit d08fb9d

File tree

1 file changed

+2
-5
lines changed

1 file changed

+2
-5
lines changed

src/components/global/Playground/playground.css

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -204,11 +204,8 @@
204204
}
205205

206206
.playground .frame-hidden {
207-
display: none;
208-
}
209-
210-
.playground .frame-visible {
211-
width: 100%;
207+
visibility: hidden;
208+
width: 0%;
212209
}
213210

214211
/** Tabs **/

0 commit comments

Comments
 (0)