This thread is resolved. Here is a description of the problem and solution.
Problem: If you're experiencing an issue where clicking the "Save & Close" button while translating a page results in endless loading and doesn't return you to the Pages list, even though the translations are saved correctly, you might notice errors in the console log related to React or a 500 Internal Server Error for admin-ajax.php. Solution: We recommend you try the following steps: 1. Edit the page in the default language. 2. Copy the page ID from the URL browser bar. 3. Navigate to WPML -> Packages. 4. Search for the ID. 5. Delete the package. 6. Update the page in the default language. 7. Re-translate the page.
Please ensure to back up your database before performing these steps.
Whilst translating, I am often facing the issue, that when I click "Save & Close" button, that the page just spins and spins and doesn't return to the Pages list (see screenshot).
The translations are being saved correctly, however in order to be able to correctly save the translated Page correctly, so I don't have the gear icon on the translated Page, rather the Pencil icon, indicating correctly translated, I need to edit the Page in the WordPress Editor in the secondary language and click the WordPress Update button.
It happens not on all posts but on some, and I would love to get to the bottom of it.
I can see the following issues in the Console log:
Uncaught Error: Minified React error #200; visit hidden link for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at t.render (app.js?ver=4.6.8:595:116072)
at HTMLDocument. (app.js?ver=4.6.8:625:433769)
load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:2
POST hidden link 500 (Internal Server Error)
and
load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:5 JQMIGRATE: Migrate is installed, version 3.4.1
app.js?ver=4.6.8:595 Uncaught Error: Minified React error #200; visit hidden link for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at t.render (app.js?ver=4.6.8:595:116072)
at HTMLDocument. (app.js?ver=4.6.8:625:433769)
load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:2
POST hidden link 500 (Internal Server Error)
send @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:2
ajax @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:2
(anonymous) @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:5
e. @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:5
save @ wpml-tm-editor-job.js?ver=4.6.8:22
doSave @ wpml-tm-editor-footer-view.js?ver=4.6.8:40
save @ wpml-tm-editor-footer-view.js?ver=4.6.8:26
save_and_close @ wpml-tm-editor-footer-view.js?ver=4.6.8:60
dispatch @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:2
v.handle @ load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-controlgroup,jquery-&load%5Bchunk_1%5D=ui-checkboxradio,jquery-ui-button,jquery-ui-dialog,wp-polyfill-inert,regenerator-runtime,wp-polyfill,wp-hooks&ver=6.4.2:2
1- Go to WPML-> Support-> Troubleshooting
2- Run the functions one by one (Kindly check this hidden link)
3- Edit the problematic page/post on the default language
4- Add "V2" to the title and update the page/post
5- Delete the "V2" and update the page/post
6- Update the translation
If the above steps didn't help, please check if the issue persists in a minimal environment by following these steps.
1- Deactivate all the plugins except WPML CMS.
2- Switch to a WordPress default theme like Twenty Twenty-one.
If the issue is gone, activate them one by one to see which one is causing an interaction issue.
❌ Please backup your database before performing the above test ❌
I pressed all the marked buttons. One of the buttons gave the message:
"Post type and source language assignment have been fixed for 19 elements"
However, same results.
I also noticed the button "Clear invalid strings". It provided a list of strings (see screenshot), which were considered invalid. The top two strings were indeed related to exactly the post I was translating. Just wanted to report this in case it may provide some clues to our investigation.
I went to WPML > String Translation and looked up domain elementor-23352 (the translated post of post 23351). Those 2 strings were indeed outdated, so I deleted them.
I then went in to the original post 23351 and tried to save again, but the effect was the same (gets stuck forever on "Saving").
Then followed steps 3-6. Same results.
Deactivated everything except WPML CMS. Saved translation no problem.
Activated each plugin. It is definitely Toolset Forms causing the issue. There is a Toolset Form on the Page, so that would make sense. It is the only plugin causing the Page to get stuck saving.
1) OK, so what's the next step in getting this solved then?
2) Also, it is advisable to delete those other invalid strings?
Please edit the page in the default language, use the form shortcode instead of the Elementor widget, and update the page. (Kindly check the attached screenshot)
After that, please try to update the translation. Kindly let me know if the translation is saved quickly.
Thanks, I forgot that the shortcode method was still possible. That workaround appears to work functionally, but obviously it would be desirable to use the standard functionality.
So who needs to fix what here? Toolset? WPML? Elementor? 😉
1) As workarounds, please check the following approaches:
1- Use the Toolset shortcode, which will fix the issue.
2- Use the Elementor widget with the Advanced Translation Editor.
2) If the above approaches are unsuitable, please log in to this sandbox site, create a test form, and translate it to replicate the issue. (hidden link)
If the issue is replicable, please let me know to consult our 2nd tier support team.
Advanced Translation Editor is not an option for us, so already 2) is out of the question.
As long as the Classic Editor is still available, it should still work with Elementor.
Can't you use our replicable case using the duplicated version of our site to escalate to 2nd tier? It seems like lots of work on my side to reproduce when we have already have a wholly replicable case. I don't see that work on my side as a WPML customer, to be honest.
Thanks for your patience. Please try the following steps:
1- Edit the page in the default language
2- Copy the page ID from the URL browser bar
3- Go to WPML-> Packages
4- Search for the ID
5- Delete the package
6- Update the page in the default language
7- Re-translate the page
❌ Please backup your database before performing the above test ❌
Kindly let me know if the above steps fixed the issue.
1) I made a minor change to the title in Elementor, changed it back again. That caused Elementor to think there was a change, the Publish button became available
2) Back in WordPress Editor, I pressed the Update button
3) I hit the pencil icon, to "re-translate", however all the translations were still available. Is this what you were expecting?!
4) Didn't change any existing translations and hit Save & Close. Post saved and closed correctly.
Can you please explain why this worked and what was corrupted?
Thanks for your update. Our 2nd tier support team and Toolset support team have noticed that the translation package was corrupted, but they couldn't know what caused the corruption, so the workaround was to delete the package and re-translate the page.
I expected the translations to be deleted, but the translations were there and worked correctly; that's good.
Thanks, I don't need any more support now. But it's great to find a relatively easy way to fix this annoying sporadic problem!
By the way, I went to the click the button My Issue is resolved, but was not able to select any of the radio buttons ( see screenshot) - maybe you wanna flag that up to your WPML website team.
