[Parchment] Maximum optimize iterations when creating Table blots

[andrei-cacio]

I am trying to understand how blots work and I wanted to recreate step by step the Table example from the parchment repo. For now I wrote the following code:

import Quill from 'quill';
import { ContainerBlot } from 'parchment';

class TableBody extends ContainerBlot {}
TableBody.blotName = 'table-body';
TableBody.tagName = 'TBODY';

class Table extends ContainerBlot {}
Table.tagName = 'TABLE';
Table.blotName = 'table-container';
Table.allowedChildren = [TableBody];

Quill.register(Table, true);

and the main node on which Quill is instantiated has the following content:

<table>
    <tbody>
        <tr>
            <th><b>Title</b></th>
        </tr>
        <tr>
            <td >
                  Some row
            </td>
        </tr>
    </tbody>
</table>

and I get the following error:

bundle.js:231739 Uncaught Error: [Parchment] Maximum optimize iterations reached

Steps for Reproduction

-

Expected behavior:

I would expect only the <table><tbody></tbody></table> to render.

Actual behavior:

Error

Platforms:

Chrome MacOS Mojave

Version:

2.0.0-dev

[Kiaba]

I have the same problem. Who can help ?

[salkao]

Any updates on this one? I also have the same issue after extending Header class.

[MonkeyInWind]

+1

[inventivejon]

+1

[twada7777]

Dose the following work?

- class Table extends ContainerBlot {}
+ class Table extends ContainerBlot {
+   optimize(context);
+   if (this.domNode.tagName !== this.statics.tagName[0]) {
+     this.replaceWith(this.statics.blotName);
+   }
+ }

- Table.tagName = 'TABLE';
+ Table.tagName = ['TABLE'. 'T'];

see also https://github.com/quilljs/quill/blob/develop/formats/bold.js

[nehalsoni23]

Is there any update on this issue?

[quill-bot]

Quill 2.0 has been released (announcement post) with many changes and fixes. If this is still an issue please create a new issue after reviewing our updated Contributing guide :pray: