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