remove <noscript> elements in DOM mode (#1108)

8 years ago · 50d95e1642
parent 29a156957f
commit 50d95e1642
3 changed files with 18 additions and 0 deletions
--- a/src/generators/nodes/Element.ts
+++ b/src/generators/nodes/Element.ts
@ -162,6 +162,8 @@ export default class Element extends Node {
 			this.generator.slots.add(slotName);
 		}

+		if (this.name === 'noscript') return;
+
 		const childState = {
 			parentNode: this.var,
 			parentNodes: parentNodes && block.getUniqueName(`${this.var}_nodes`) // if we're in unclaimable territory, i.e. <head>, parentNodes is null
@ -417,6 +419,8 @@ export default class Element extends Node {
 		function toHTML(node: Element | Text) {
 			if (node.type === 'Text') return escapeHTML(node.data);

+			if (node.name === 'noscript') return '';
+
 			let open = `<${node.name}`;

 			if (node._needsCssAttribute) {
--- a/test/runtime/samples/noscript-removal/_config.js
+++ b/test/runtime/samples/noscript-removal/_config.js
@ -0,0 +1,9 @@
+export default {
+	'skip-ssr': true,
+
+	html: `
+	<div>foo</div>
+
+	<div>foo<div>foo</div></div>
+`,
+};
--- a/test/runtime/samples/noscript-removal/main.html
+++ b/test/runtime/samples/noscript-removal/main.html
@ -0,0 +1,5 @@
+<noscript>foo</noscript>
+
+<div>foo<noscript>foo</noscript></div>
+
+<div>foo<div>foo<noscript>foo</noscript></div></div>