public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

fix: ensure preview iframe html/body have min-height 100%
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Michael Czechowski
2025-12-30 16:29:49 +01:00
parent 9853ced6b0
commit 42a35895af
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/impl/LessonEngine.js
View File

@@ -213,6 +213,7 @@ export class LessonEngine {
<!DOCTYPE html>
<html>
<head>
<style>html, body { min-height: 100%; margin: 0; }</style>
<style>${previewBaseCSS || ""}</style>
<style>${sandboxCSS || ""}</style>
</head>
@@ -229,6 +230,7 @@ export class LessonEngine {
<html>
<head>
<script src="https://cdn.tailwindcss.com"></script>
<style>html, body { min-height: 100%; margin: 0; }</style>
<style>${previewBaseCSS}</style>
<style>${sandboxCSS}</style>
</head>
@@ -244,6 +246,7 @@ export class LessonEngine {
<!DOCTYPE html>
<html>
<head>
<style>html, body { min-height: 100%; margin: 0; }</style>
<style>${previewBaseCSS}</style>
<style>${userCssWithWrapper}</style>
<style>${sandboxCSS}</style>
@@ -304,6 +307,7 @@ export class LessonEngine {
<!DOCTYPE html>
<html>
<head>
<style>html, body { min-height: 100%; margin: 0; }</style>
<style>${previewBaseCSS || ""}</style>
<style>${sandboxCSS || ""}</style>
</head>
@@ -320,6 +324,7 @@ export class LessonEngine {
<html>
<head>
<script src="https://cdn.tailwindcss.com"></script>
<style>html, body { min-height: 100%; margin: 0; }</style>
<style>${previewBaseCSS}</style>
<style>${sandboxCSS}</style>
</head>
@@ -336,6 +341,7 @@ export class LessonEngine {
<!DOCTYPE html>
<html>
<head>
<style>html, body { min-height: 100%; margin: 0; }</style>
<style>${previewBaseCSS}</style>
<style>${solutionCss}</style>
<style>${sandboxCSS}</style>