Changes in Backend not showing in Gutenberg preview and Frontend.

Hi,

the issue you described is definitely not the default behavior of the table plugin. That’s why there has to be a problem somewhere. Can you take a look in the console, if there is a JavaScript error on removing or adding a column/row? Do you need help on how to do that?

Cheers,
Johann

Hi,
I tested but there are no errors in the console while removing or adding a column/row.
Would you like to test it out? I can give you the access to my test installation for checking out the behavior of the tables.

Thank you in advance,
Have a nice day.

Hi,

I made a test, placed a table by ACF blocks in a Gutenberg block and everything worked fine. If I add a row, the Gutenberg preview and the page preview showing that new table row. When I publish/save the page the change is on the page. So this should work.

Sorry, I′m not allowed to ask for hands on in this forum. You could try if the issue appears also on a fresh WordPress installation. If not, the issue may is in the theme or an plugin of your other website. You could try another theme and disable plugins to narrow down that issue.

Cheers,
Johann

Hi,

I discovered an issue, when I make a cell content change in the table editor in the Gutenberg post sidebar and then click somewhere in the content area and not somewhere in the sidebar. The last change will not displayed in the block preview or the page preview. Sorting columns and rows also not work in the Gutenberg editor. I′m going to fix that. But adding/deleting rows/columns is working just as aspected. I still could not replicate your issue.

Cheers,
Johann

I can also confirm the initial report by @monkey-theatre is valid.
I use StoutLogic/acf-builder and create Gutenberg blocks that can have a Table from ACF Table Field.

Just updated to 1.3.9.
Noticing 2 issues though:
1) In the admin Visual (Gutenberg) editor mode, edits of the table shape: remove row and hit page [Update] – doesn’t actually show that table has changed. Frontend is the same, and after reload admin – recently removed row is back in ACF table field UI.

— there is workaround for 1 problem. I edit another (same block, not table ACF field, a sibling one) text field, then hit [Update], then normal update has happened. So I guess, ACF Table field does have a problem with notifying its change.

2) Text change in a cell, gives kind of cached change. I make “1-update” in one of the fields, hit [Update], Frontend does not show change.
Then I make “2-update” in the same field, hit [Update], Frontend shows now “1-update”. So to see that last change in Frontend, I need to do another fake edit.
I do confirming that site was not cached.

• This reply was modified 4 years, 11 months ago by Saulius Vikerta.

Thanks for confirming the issues. I′m working on it.

Cheers,
Johann

Hi,

I still could not reproduce the issue where adding a table row is not previewed and saved. I also testet it with StoutLogic/acf-builder. @sauliusv: Can you please tell me the OS, the browser and its version you are using?

In general, the preview and save buttons of a page uses only the data previewed in the Gutenberg editors preview. Please watch, if adding a table row is reflecting in the Gutenberg preview. If not, something went wrong.

I fixed an issue in updating the table fields data when changing the cell content in version 1.3.10. @sauliusv: Please download and test this version. Does this version makes a change on your 2) issue?
https://downloads.www.ads-software.com/plugin/advanced-custom-fields-table-field.1.3.10.zip

Cheers,
Johann

• This reply was modified 4 years, 11 months ago by Johann Heyne.

Hi,
testing version 1.3.10.
I using MacOS Catalina 10.15.1 with Chrome browser 79.0.3945.79 (just updated).

Everything works fine as I add a new row.

It doesn’t work if I delete row. Steps in Gutenberg editor:
1) on my particular row I click minus icon in table UI and row disappears.
2) click preview block – the row is back and visible.
3) click edit the same block (back to table UI) – row is gone as it should.
4) click Update button for the post – the frontend view has not changed, previously deleted row is present.

And please check your css for “width 0;” – missing colon.

Thank you – the issue regarding text change in cell is fixed! ??

Thanks for testing and the feedback,

I went through all the steps on the same browser and OS and the issue did not occur. The only idea I have now is that after ACF executes the event for a change, under certain circumstances ACF does not yet have access to the changed DOM (input field of the table). I made a small script timeout on triggering the “changed” event for ACF that might fix the issue in version 1.3.10. Could you please test it again for me?

https://downloads.www.ads-software.com/plugin/advanced-custom-fields-table-field.1.3.10.zip

To be sure having the latest scripts running in the admin, make a hard page reload.

Cheers,
Johann

• This reply was modified 4 years, 11 months ago by Johann Heyne.

I’ve updated all ACF related packages:
– ACF Pro 5.8.7
– acf-builder 1.8.1
– ACF Table field to this current version with timeouts (new script version is in the sources)

This doesn’t help to solve the issue. Deleting the table row in the UI, doesn’t reflect on Gutenberg block preview, nor the site frontend after post Update.
Actually as many rows can be be deleted, still they all stay in the front page.

But there’s a trick. If I delete row, then change “use table header” value, the Update now does the real update.

And always – any newly added line works well and updates the block render.