tc39 · michaelficarra · Nov 21, 2024 · Nov 21, 2024 · Nov 21, 2024
diff --git a/src/Spec.ts b/src/Spec.ts
@@ -571,7 +571,8 @@ export default class Spec {
     this.buildReferenceGraph();
 
     this.highlightCode();
-    this.setCharset();
+    this.setMetaCharset();
+    this.setMetaViewport();
     const wrapper = this.buildSpecWrapper();
 
     let commonEles: HTMLElement[] = [];
@@ -1875,7 +1876,7 @@ ${this.opts.multipage ? `<li><span>Navigate to/from multipage</span><code>m</cod
   }
 
   /** @internal */
-  public setCharset() {
+  public setMetaCharset() {
     let current = this.spec.doc.querySelector('meta[charset]');
 
     if (!current) {
@@ -1886,6 +1887,16 @@ ${this.opts.multipage ? `<li><span>Navigate to/from multipage</span><code>m</cod
     current.setAttribute('charset', 'utf-8');
   }
 
+  /** @internal */
+  public setMetaViewport() {
+    if (!this.spec.doc.querySelector('meta[name=viewport]')) {
+      const metaViewport = this.spec.doc.createElement('meta');
+      metaViewport.setAttribute('name', 'viewport');
+      metaViewport.setAttribute('content', 'width=device-width, initial-scale=1');
+      this.spec.doc.head.insertBefore(metaViewport, this.spec.doc.head.firstChild);
+    }
+  }
+
   private _updateBySelector(selector: string, contents: string) {
     const elem = this.doc.querySelector(selector);
     if (elem && elem.textContent!.trim().length > 0) {

diff --git a/test/baselines/generated-reference/algorithm-replacements.html b/test/baselines/generated-reference/algorithm-replacements.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/algorithms.html b/test/baselines/generated-reference/algorithms.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/assets-inline.html b/test/baselines/generated-reference/assets-inline.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><script>'use strict';
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><script>'use strict';
 let sdoBox = {
   init() {
     this.$alternativeId = null;

diff --git a/test/baselines/generated-reference/autolinking.html b/test/baselines/generated-reference/autolinking.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/boilerplate-address.html b/test/baselines/generated-reference/boilerplate-address.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/boilerplate-all.html b/test/baselines/generated-reference/boilerplate-all.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/boilerplate-copyright.html b/test/baselines/generated-reference/boilerplate-copyright.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/boilerplate-license.html b/test/baselines/generated-reference/boilerplate-license.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/charset-absent.html b/test/baselines/generated-reference/charset-absent.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/charset-present.html b/test/baselines/generated-reference/charset-present.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 </head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>

diff --git a/test/baselines/generated-reference/clauses.html b/test/baselines/generated-reference/clauses.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body class=" oldtoc"><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body class=" oldtoc"><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/code.html b/test/baselines/generated-reference/code.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/copyright.html b/test/baselines/generated-reference/copyright.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><meta property="og:image" content="https://tc39.es/ecmarkup/ecma-logo.png"><meta property="og:title" content="test title!"><meta property="og:description" content="Test Clause"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><meta property="og:image" content="https://tc39.es/ecmarkup/ecma-logo.png"><meta property="og:title" content="test title!"><meta property="og:description" content="Test Clause"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/date.html b/test/baselines/generated-reference/date.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/dfn.html b/test/baselines/generated-reference/dfn.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/duplicate-ids.html b/test/baselines/generated-reference/duplicate-ids.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/duplicate-productions.html b/test/baselines/generated-reference/duplicate-productions.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/ecmarkdown.html b/test/baselines/generated-reference/ecmarkdown.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/effect-user-code.html b/test/baselines/generated-reference/effect-user-code.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/emd-in-grammar.html b/test/baselines/generated-reference/emd-in-grammar.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/eqn.html b/test/baselines/generated-reference/eqn.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><link rel="stylesheet" href="./css/elements.css">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><link rel="stylesheet" href="./css/elements.css">
 </head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>

diff --git a/test/baselines/generated-reference/escaping.html b/test/baselines/generated-reference/escaping.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/example.html b/test/baselines/generated-reference/example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/figure.html b/test/baselines/generated-reference/figure.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/grammar.html b/test/baselines/generated-reference/grammar.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><link rel="stylesheet" href="../css/elements.css">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><link rel="stylesheet" href="../css/elements.css">
 </head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>

diff --git a/test/baselines/generated-reference/html-element-attributes.html b/test/baselines/generated-reference/html-element-attributes.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en-GB-oxendict"><head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<html lang="en-GB-oxendict"><head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/imports.html b/test/baselines/generated-reference/imports.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/ins-nonterminal.html b/test/baselines/generated-reference/ins-nonterminal.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/multipage.html/index.html b/test/baselines/generated-reference/multipage.html/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 <link rel="icon" href="img/favicon.ico">
 </head>
 

diff --git a/test/baselines/generated-reference/multipage.html/multipage/index.html b/test/baselines/generated-reference/multipage.html/multipage/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 <link rel="icon" href="../img/favicon.ico">
 <link rel="canonical" href="../#sec-intro"></head>
 <body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins<button class="unpin-all">clear</button></div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">+</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>

diff --git a/test/baselines/generated-reference/multipage.html/multipage/second.html b/test/baselines/generated-reference/multipage.html/multipage/second.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 <link rel="icon" href="../img/favicon.ico">
 <link rel="canonical" href="../#sec-second"></head>
 <body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins<button class="unpin-all">clear</button></div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">+</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>

diff --git a/test/baselines/generated-reference/multipage.html/multipage/third.html b/test/baselines/generated-reference/multipage.html/multipage/third.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 <link rel="icon" href="../img/favicon.ico">
 <link rel="canonical" href="../#sec-third"></head>
 <body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins<button class="unpin-all">clear</button></div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">+</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>

diff --git a/test/baselines/generated-reference/namespaces-productions.html b/test/baselines/generated-reference/namespaces-productions.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/namespaces.html b/test/baselines/generated-reference/namespaces.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/nonterminal-used-before-definition.html b/test/baselines/generated-reference/nonterminal-used-before-definition.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/notes.html b/test/baselines/generated-reference/notes.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/oldids.html b/test/baselines/generated-reference/oldids.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/optional-parts.html b/test/baselines/generated-reference/optional-parts.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/proposal-copyright.html b/test/baselines/generated-reference/proposal-copyright.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><meta property="og:image" content="https://tc39.es/ecmarkup/ecma-logo.png"><meta property="og:title" content="test title!"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><meta property="og:image" content="https://tc39.es/ecmarkup/ecma-logo.png"><meta property="og:title" content="test title!"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/shortname.html b/test/baselines/generated-reference/shortname.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><meta property="og:image" content="https://tc39.es/ecmarkup/ecma-logo.png"><meta property="og:title" content="test title!"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><meta property="og:image" content="https://tc39.es/ecmarkup/ecma-logo.png"><meta property="og:title" content="test title!"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>

diff --git a/test/baselines/generated-reference/step-xrefs.html b/test/baselines/generated-reference/step-xrefs.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>