mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-06-07 09:25:29 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(extension-table): correctly set min-width for table (#4684)

Browse Source
This commit is contained in:
Moch. Irfan Rafif 2024-07-24 19:16:48 +07:00 committed by GitHub
parent 5283a51931
commit c7f55500ee
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/hungry-jokes-wash.md Normal file
View File

@ -0,0 +1,5 @@
---
"@tiptap/extension-table": patch
---
Set correct `min-width` for a table fixes #5217

4
demos/src/Nodes/Table/React/index.spec.js
View File

@ -63,7 +63,7 @@ context('/src/Nodes/Table/React/', () => {
const html = editor.getHTML() const html = editor.getHTML()
expect(html).to.equal( expect(html).to.equal(
'<table style="minWidth: 25px"><colgroup><col></colgroup><tbody><tr><td colspan="1" rowspan="1"><p></p></td></tr></tbody></table>', '<table style="min-width: 25px"><colgroup><col></colgroup><tbody><tr><td colspan="1" rowspan="1"><p></p></td></tr></tbody></table>',
) )
}) })
}) })
@ -75,7 +75,7 @@ context('/src/Nodes/Table/React/', () => {
const html = editor.getHTML() const html = editor.getHTML()
expect(html).to.equal( expect(html).to.equal(
'<table style="minWidth: 25px"><colgroup><col></colgroup><tbody><tr><th colspan="1" rowspan="1"><p></p></th></tr></tbody></table>', '<table style="min-width: 25px"><colgroup><col></colgroup><tbody><tr><th colspan="1" rowspan="1"><p></p></th></tr></tbody></table>',
) )
}) })
}) })

4
demos/src/Nodes/Table/Vue/index.spec.js
View File

@ -62,7 +62,7 @@ context('/src/Nodes/Table/Vue/', () => {
const html = editor.getHTML() const html = editor.getHTML()
expect(html).to.equal('<table style="minWidth: 25px"><colgroup><col></colgroup><tbody><tr><td colspan="1" rowspan="1"><p></p></td></tr></tbody></table>') expect(html).to.equal('<table style="min-width: 25px"><colgroup><col></colgroup><tbody><tr><td colspan="1" rowspan="1"><p></p></td></tr></tbody></table>')
}) })
}) })
@ -72,7 +72,7 @@ context('/src/Nodes/Table/Vue/', () => {
const html = editor.getHTML() const html = editor.getHTML()
expect(html).to.equal('<table style="minWidth: 25px"><colgroup><col></colgroup><tbody><tr><th colspan="1" rowspan="1"><p></p></th></tr></tbody></table>') expect(html).to.equal('<table style="min-width: 25px"><colgroup><col></colgroup><tbody><tr><th colspan="1" rowspan="1"><p></p></th></tr></tbody></table>')
}) })
}) })

2
packages/extension-table/src/table.ts
View File

@ -286,7 +286,7 @@ export const Table = Node.create<TableOptions>({
mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
style: tableWidth style: tableWidth
? `width: ${tableWidth}` ? `width: ${tableWidth}`
: `minWidth: ${tableMinWidth}`, : `min-width: ${tableMinWidth}`,
}), }),
colgroup, colgroup,
['tbody', 0], ['tbody', 0],