wip

Author: jp-knj

internal/const.go

@@ -75,7 +75,6 @@ var isSpecialElementMap = map[string]bool{
 	"script":          true,
 	"section":         true,
 	"select":          true,
-	"selectedcontent": true,
 	"source":          true,
 	"style":           true,
 	"summary":         true,

internal/parser.go

@@ -1418,6 +1418,14 @@ func inBodyIM(p *parser) bool {
 				return true
 			}
 		default:
+			// Special handling for selectedcontent as a void element
+			if p.tok.Data == "selectedcontent" {
+				p.reconstructActiveFormattingElements()
+				p.addElement()
+				p.oe.pop()
+				p.acknowledgeSelfClosingTag()
+				return true
+			}
 			p.reconstructActiveFormattingElements()
 			p.addElement()
 			if p.hasSelfClosingToken {

internal/printer/__printer_js__/selectedcontent_element_in_customizable_select.snap

@@ -0,0 +1,40 @@
+[TestPrinter/selectedcontent_element_in_customizable_select - 1]
+## Input
+
+```
+<select><button><selectedcontent></selectedcontent></button><option>Option 1</option><option>Option 2</option></select>
+```
+
+## Output
+
+```js
+import {
+  Fragment,
+  render as $$render,
+  createAstro as $$createAstro,
+  createComponent as $$createComponent,
+  renderComponent as $$renderComponent,
+  renderHead as $$renderHead,
+  maybeRenderHead as $$maybeRenderHead,
+  unescapeHTML as $$unescapeHTML,
+  renderSlot as $$renderSlot,
+  mergeSlots as $$mergeSlots,
+  addAttribute as $$addAttribute,
+  spreadAttributes as $$spreadAttributes,
+  defineStyleVars as $$defineStyleVars,
+  defineScriptVars as $$defineScriptVars,
+  renderTransition as $$renderTransition,
+  createTransitionScope as $$createTransitionScope,
+  renderScript as $$renderScript,
+  createMetadata as $$createMetadata
+} from "http://localhost:3000/";
+
+export const $$metadata = $$createMetadata(import.meta.url, { modules: [], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: new Set([]), hoisted: [] });
+
+const $$Component = $$createComponent(($$result, $$props, $$slots) => {
+
+return $$render`${$$maybeRenderHead($$result)}<select><button><selectedcontent><option>Option 1</option><option>Option 2</option></button></select>`;
+}, undefined, undefined);
+export default $$Component;
+```
+---

internal/printer/__printer_js__/selectedcontent_self-closing_element.snap

@@ -0,0 +1,40 @@
+[TestPrinter/selectedcontent_self-closing_element - 1]
+## Input
+
+```
+<select><button><selectedcontent /></button><option>Option 1</option><option>Option 2</option></select>
+```
+
+## Output
+
+```js
+import {
+  Fragment,
+  render as $$render,
+  createAstro as $$createAstro,
+  createComponent as $$createComponent,
+  renderComponent as $$renderComponent,
+  renderHead as $$renderHead,
+  maybeRenderHead as $$maybeRenderHead,
+  unescapeHTML as $$unescapeHTML,
+  renderSlot as $$renderSlot,
+  mergeSlots as $$mergeSlots,
+  addAttribute as $$addAttribute,
+  spreadAttributes as $$spreadAttributes,
+  defineStyleVars as $$defineStyleVars,
+  defineScriptVars as $$defineScriptVars,
+  renderTransition as $$renderTransition,
+  createTransitionScope as $$createTransitionScope,
+  renderScript as $$renderScript,
+  createMetadata as $$createMetadata
+} from "http://localhost:3000/";
+
+export const $$metadata = $$createMetadata(import.meta.url, { modules: [], hydratedComponents: [], clientOnlyComponents: [], hydrationDirectives: new Set([]), hoisted: [] });
+
+const $$Component = $$createComponent(($$result, $$props, $$slots) => {
+
+return $$render`${$$maybeRenderHead($$result)}<select><button><selectedcontent><option>Option 1</option><option>Option 2</option></button></select>`;
+}, undefined, undefined);
+export default $$Component;
+```
+---