Bug: Table headers shouldn't have a background-color style by default

[zoltanhosszu]

Link to code example:

lexical/packages/lexical-table/src/LexicalTableCellNode.ts

Line 187 in 5bbbe84

element.style.backgroundColor = '#f2f3f5';

The current behavior

element.style.backgroundColor = '#f2f3f5'; is hardcoded for <th> elements

The expected behavior

<th> elements should not have that style in code, only in CSS

[zoltanhosszu]

The only solution right now is to register a transformation, this should not be needed.

export function registerHeaderBackgroundTransform(editor) {
  return editor.registerNodeTransform(TableCellNode, (node) => {
    if (node.getBackgroundColor() === null) {
      node.setBackgroundColor("")
    }
  })
}

[etrepum]

This is correct behavior, export is used primarily for interoperability with other apps via copy and paste so the CSS is not part of the payload. You can override export with the html config of your editor.