[Bug]: <col> Tags Are Not Self-Closed, Causing Backend HTML Parsers to Fail

[LukasGrubis]

Affected Packages

@tiptap/extension-table

Version(s)

2.11.5

Bug Description

We’ve encountered an issue where the generated <col> elements inside tables are rendered as:

<col style="min-width: 25px">

This is not valid HTML5. The <col> tag is a [void element](https://developer.mozilla.org/en-US/docs/Glossary/Void_element) and must be self-closing. It should be:

<col style="min-width: 25px" />

Problem

Our backend HTML parsers expect proper void tag declarations. The current form <col style="..."> is treated as invalid because it lacks a closing slash and is not self-closing, resulting in HTML parsing issues or broken rendering.

Example of Invalid Output

<colgroup>
  <col style="min-width: 25px">
  <col style="min-width: 25px">
  <col style="min-width: 25px">
</colgroup>

Expected Output

<colgroup>
  <col style="min-width: 25px" />
  <col style="min-width: 25px" />
  <col style="min-width: 25px" />
</colgroup>

Browser Used

Chrome

Code Example URL

No response

Expected Behavior

Expected Output

<colgroup>
  <col style="min-width: 25px" />
  <col style="min-width: 25px" />
  <col style="min-width: 25px" />
</colgroup>

Additional Context (Optional)

We are using https://github.com/yikoyu/vuetify-pro-tiptap/tree/master

Dependency Updates

• Yes, I've updated all my dependencies.

[ianGhostdog]

While I prefer including the trailing / on void elements, I've always understood HTML5 as not requiring them: https://html.spec.whatwg.org/multipage/syntax.html#start-tags

[haggys22]

Quoting the MDN documentation for void elements you linked:

Self-closing tags (<tag />) do not exist in HTML.

To me it sounds like you are trying to parse valid HTML5 with an XML or XHTML parser.