Support » Plugin: Advanced Gutenberg » Advanced table block broken (JavaScript errors)

  • Resolved strarsis

    (@strarsis)


    The advanced table block shows a block-specific toolbar
    but no table rows/columns/cells,
    even when adding columns/rows using the toolbar,
    the advanced table block stays empty.

    Error logged in browser console when trying to add new table rows/columns:

    Uncaught TypeError: Cannot read property ‘rows’ of null
    at w (table-plugin.min.js?ver=4.9.8:1)
    at Object.O [as insertRows] (table-plugin.min.js?ver=4.9.8:1)
    at mceTableInsertRowAfter (table-plugin.min.js?ver=4.9.8:2)
    at Hx.<anonymous> (table-plugin.min.js?ver=4.9.8:2)
    at c.exec.(:3000/wp/wp-admin/anonymous function) (http://localhost:3000/wp/wp-includes/js/tinymce/tinymce.min.js?ver=4800-20180716:2:183956)
    at qg.execCommand (tinymce.min.js?ver=4800-20180716:2)
    at Hx.execCommand (tinymce.min.js?ver=4800-20180716:2)
    at Object.onClick (blocks.js?ver=1.7.5:2819)
    at Object.onClick (blocks.js?ver=1.7.5:2566)
    at onClick (index.js?ver=1542062285:19)
    w @ table-plugin.min.js?ver=4.9.8:1
    O @ table-plugin.min.js?ver=4.9.8:1
    mceTableInsertRowAfter @ table-plugin.min.js?ver=4.9.8:2
    (anonymous) @ table-plugin.min.js?ver=4.9.8:2
    c.exec.(anonymous function) @ tinymce.min.js?ver=4800-20180716:2
    execCommand @ tinymce.min.js?ver=4800-20180716:2
    execCommand @ tinymce.min.js?ver=4800-20180716:2
    (anonymous) @ blocks.js?ver=1.7.5:2819
    onClick @ blocks.js?ver=1.7.5:2566
    onClick @ index.js?ver=1542062285:19
    callCallback @ react-dom.24169eaf.js:140
    invokeGuardedCallbackDev @ react-dom.24169eaf.js:178
    invokeGuardedCallback @ react-dom.24169eaf.js:227
    invokeGuardedCallbackAndCatchFirstError @ react-dom.24169eaf.js:241
    executeDispatch @ react-dom.24169eaf.js:599
    executeDispatchesInOrder @ react-dom.24169eaf.js:618
    executeDispatchesAndRelease @ react-dom.24169eaf.js:719
    executeDispatchesAndReleaseTopLevel @ react-dom.24169eaf.js:730
    forEachAccumulated @ react-dom.24169eaf.js:700
    runEventsInBatch @ react-dom.24169eaf.js:861
    runExtractedEventsInBatch @ react-dom.24169eaf.js:870
    handleTopLevel @ react-dom.24169eaf.js:4826
    batchedUpdates$1 @ react-dom.24169eaf.js:17237
    batchedUpdates @ react-dom.24169eaf.js:2307
    dispatchEvent @ react-dom.24169eaf.js:4905
    interactiveUpdates$1 @ react-dom.24169eaf.js:17292
    interactiveUpdates @ react-dom.24169eaf.js:2326
    dispatchInteractiveEvent @ react-dom.24169eaf.js:4882
    react-dom.24169eaf.js:280 Uncaught TypeError: Cannot read property ‘rows’ of null
    at w (table-plugin.min.js?ver=4.9.8:1)
    at Object.O [as insertRows] (table-plugin.min.js?ver=4.9.8:1)
    at mceTableInsertRowAfter (table-plugin.min.js?ver=4.9.8:2)
    at Hx.<anonymous> (table-plugin.min.js?ver=4.9.8:2)
    at c.exec.(:3000/wp/wp-admin/anonymous function) (http://localhost:3000/wp/wp-includes/js/tinymce/tinymce.min.js?ver=4800-20180716:2:183956)
    at qg.execCommand (tinymce.min.js?ver=4800-20180716:2)
    at Hx.execCommand (tinymce.min.js?ver=4800-20180716:2)
    at Object.onClick (blocks.js?ver=1.7.5:2819)
    at Object.onClick (blocks.js?ver=1.7.5:2566)
    at onClick (index.js?ver=1542062285:19)
    w @ table-plugin.min.js?ver=4.9.8:1
    O @ table-plugin.min.js?ver=4.9.8:1
    mceTableInsertRowAfter @ table-plugin.min.js?ver=4.9.8:2
    (anonymous) @ table-plugin.min.js?ver=4.9.8:2
    c.exec.(anonymous function) @ tinymce.min.js?ver=4800-20180716:2
    execCommand @ tinymce.min.js?ver=4800-20180716:2
    execCommand @ tinymce.min.js?ver=4800-20180716:2
    (anonymous) @ blocks.js?ver=1.7.5:2819
    onClick @ blocks.js?ver=1.7.5:2566
    onClick @ index.js?ver=1542062285:19
    callCallback @ react-dom.24169eaf.js:140
    invokeGuardedCallbackDev @ react-dom.24169eaf.js:178
    invokeGuardedCallback @ react-dom.24169eaf.js:227
    invokeGuardedCallbackAndCatchFirstError @ react-dom.24169eaf.js:241
    executeDispatch @ react-dom.24169eaf.js:599
    executeDispatchesInOrder @ react-dom.24169eaf.js:618
    executeDispatchesAndRelease @ react-dom.24169eaf.js:719
    executeDispatchesAndReleaseTopLevel @ react-dom.24169eaf.js:730
    forEachAccumulated @ react-dom.24169eaf.js:700
    runEventsInBatch @ react-dom.24169eaf.js:861
    runExtractedEventsInBatch @ react-dom.24169eaf.js:870
    handleTopLevel @ react-dom.24169eaf.js:4826
    batchedUpdates$1 @ react-dom.24169eaf.js:17237
    batchedUpdates @ react-dom.24169eaf.js:2307
    dispatchEvent @ react-dom.24169eaf.js:4905
    interactiveUpdates$1 @ react-dom.24169eaf.js:17292
    interactiveUpdates @ react-dom.24169eaf.js:2326
    dispatchInteractiveEvent @ react-dom.24169eaf.js:4882

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author JoomUnited

    (@joomunited)

    Hi,

    This issue has been caused by a recent Gutenberg update, we are currently rebuilding the whole table block and it’ll be back to normal in the very next update.

    Cheers,

    @joomunited: That’s great! I really need a good Gutenblock for a table (including merging cells), will there be a release in near future, like days?

    Plugin Author JoomUnited

    (@joomunited)

    It’s currently being finished, then comes the testing, hopefully next week? If no Gutenberg new major version comes in the meantime 🙂

    Cheers,

    That’s great, your plugin is apparently the only one currently offering advanced table features (like merging cells).

    Plugin Author JoomUnited

    (@joomunited)

    Hi,

    We’ve rebuild the whole table block (you may need to recreate your tables). So ccan you update and let me know?

    Thanks.

    It works for me except for one bug:
    When copying and pasting an Advanced Table block which includes merged cells,
    the merged cells in the pasted table are not preserved-

    Plugin Author JoomUnited

    (@joomunited)

    Hi,

    @strarsis This is weird, you have something different from that?
    Are you making any special move? Is all browser cache cleared? https://drive.google.com/open?id=1LCtqOVb6Ugrrb6rvBiKmyQ6RmQ9CV4Jz

    @cleo3
    Can you check in your browser if you got any error generated? Can you also check on a new Gutenberg page with only this table as content? (I’m searching for any block conflict here).

    Thanks for reporting! Cheers,

    @joomunited: Ah, this is different:
    I copied the Advanced Table block from one page and then I pasted it _into another_ page,
    then the merged cells should be missing in the resulting pasted table.

    Plugin Author JoomUnited

    (@joomunited)

    Hi,

    I think it’s because the block is recognized as the Gutenberg default table block. Could you try coping it as HTML and see what happens with merged cells?

    Thanks.

    @joomunited:
    Correct, copying the whole content of page (menu at the right, “Copy complete content”) and pasting that into another page results in the Advanced Table block being pasted as core Table block. And then even converting that Table block to an Advanced Table block doesn’t fix the broken table cells.
    So copying the complete content of a page seems to ignore the block types, at least in this case. This appears to be rather an issue in Gutenberg itself.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Advanced table block broken (JavaScript errors)’ is closed to new replies.