From 885150f50a04b408bfadc3a818615da066908344 Mon Sep 17 00:00:00 2001
From: Justin Wind <justin.wind+git@gmail.com>
Date: Sat, 26 Feb 2022 11:47:13 -0800
Subject: [PATCH] add viewport to boilerplate, add fix for firefox flash on
load
---
lib/template-helper.js | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/lib/template-helper.js b/lib/template-helper.js
index af9547e..c61958d 100644
--- a/lib/template-helper.js
+++ b/lib/template-helper.js
@@ -70,6 +70,7 @@ function htmlHead(pagePathLevel, ctx, options) {
} = options;
return `\t<head>
\t\t<meta charset="utf-8">
+\t\t<meta name="viewport" content="width=device-width,initial-scale=1">
\t\t<link rel="stylesheet" href="${rootPathPfx}static/theme.css">
\t\t<link rel="stylesheet" href="${rootPathPfx}static/custom.css">
${headElements.map((e) => '\t\t' + e).join('\n')}
@@ -91,8 +92,9 @@ function htmlBody(pagePathLevel, ctx, options, main = []) {
const {
bodyAttributes = {},
} = options;
+ const firefoxFix = '\n<script>0</script>'; // This fixes a layout rendering flash on load in Firefox; do not know why this works, but it does.
return `
-\t<body${elementAttributes(bodyAttributes)}>
+\t<body${elementAttributes(bodyAttributes)}>${firefoxFix}
${htmlHeader(pagePathLevel, ctx, options)}
${htmlMessages(ctx, options)}
\t\t<main>
--
2.49.0