Skip Navigation

Home › Support › English Support › [Resolved] The translation editor is showing a white screen

[Resolved] The translation editor is showing a white screen

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client is experiencing a white screen when trying to edit translations on a website using GeneratePress, WPML, and Wordfence. The issue occurs specifically when using the WPML translation editor.

Solution:
We recommend switching to the 'WordPress Editor' mode instead of the 'WPML translation editor' to avoid the white screen issue. This method was successful for the client. Additionally, check the browser's console for any errors that might provide more insight into the issue. If you're still facing problems, please consult the related forum topic for potential solutions.

If this solution does not resolve your issue, or if it seems outdated, we highly recommend checking the known issues page, verifying you have the latest versions of themes and plugins installed, and if necessary, open a new support ticket at WPML support forum for further assistance.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: 

This topic contains 2 replies, has 0 voices.

Last updated by williamE-2 1 week, 6 days ago.

Assisted by: Bobby.

Author Posts
January 10, 2025 at 1:52 pm #16582243

williamE-2

Background of the issue:
I am trying to edit the translations on a website constructed using GeneratePress (v. 3.5.1) combined with WPML (latest version 4.6.15) and Wordfence (v. 8.0.2). I disabled WP Rocket to avoid more plugins that might conflict. My Automatic Translation account id is: 32303938-6539-5466-b539-323834386662#dV4QhsY88vM2oldxQzKVxAtt. Related issue: https://wpml.org/forums/topic/the-translation-editor-is-just-showing-a-white-screen/. Link to a page where the issue can be seen: hidden link.

Symptoms:
The translation editor is showing a white screen.

Questions:
How can I fix the white screen and edit the translations?
January 10, 2025 at 9:07 pm #16583322

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Hi there,

Please right-click -> inspect -> console tab and share with me any errors logged there.

Also, go to WPML->Support->ATE error log and share with me the top 4 errors from there as well.

If you create a test page and attempt to translate is it working OK?

January 13, 2025 at 12:45 pm #16588352

williamE-2

Hi Bobby,

After running some tests, I found that there's a problem when translating pages that are using GeneratePress blocks - with the mode "WPML translation editor" (see error below).

But I finally managed to translate with the "WordPress Editor" mode without any problems. So I'll consider my problem solved, even though the error still persists.

If you are interested, this is the result of the console log (see attached image as well):

FIRST
dashboard?id=125670929&is_manager=true&language=en&manager_email=updates%40sowiesodigital.nl&manager_name=webzaken&token=cTqheSeinttlWQFdClCukwtt:27 AppConfig 3.27.1
dashboard?id=125670929&is_manager=true&language=en&manager_email=updates%40sowiesodigital.nl&manager_name=webzaken&token=cTqheSeinttlWQFdClCukwtt:44 render time Mon Jan 13 2025 13:04:25 GMT+0100 (Central European Standard Time)
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:68 Promise {<pending>}
web-client-content-script.js:2 Uncaught (in promise) Error: Access to storage is not allowed from this context.Understand this errorAI
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:68 setKeys {privateKey: '9a33d9ea43ba42a5e95e22193ee27826', sharedKey: 'bd2e88b4820b3a10eeb829498859374f', user: {…}, id: '125670929', language: 'en'}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:67 setAppStatus WAITING_FOR_AUTH_DATA -> INITIALIZING
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [0] ApiEndpoints.mtUsage.request {endpoint: 'hidden link', params: {…}, payload: undefined}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:57 Fetching the initial job data...
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:67 setAppStatus INITIALIZING -> LOADING
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:69 FIRST CALL! moment: 0
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [1] ApiEndpoints.jobs.get(jobId: 125670929).request {endpoint: 'hidden link', params: {…}, payload: undefined}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [2] ApiEndpoints.glossary.get.request {endpoint: 'hidden link', params: {…}, payload: undefined}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [3] ApiEndpoints.mtUsage.success {response: {…}}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [4] ApiEndpoints.mtUsage.getPlans.request {endpoint: 'hidden link', params: {…}, payload: undefined}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [5] ApiEndpoints.glossary.get.success {response: Array(0)}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [6] ApiEndpoints.mtUsage.getPlans.success {response: {…}}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [7] ApiEndpoints.jobs.get(jobId: 125670929).success {response: {…}}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:69 fetchJobDataCall -> parsedResponse {job: {…}, pages: Array(1), pageInfo: Array(1), groupTree: {…}}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:67 setAppStatus LOADING -> SETTING_UP
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:64 state.lastLoadedPageNumber (setFullJobInfo) 0
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:56 translator settings {is_atbd_disabled: true, spellchecker_enabled: false}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:56 extra settings {bigger_segments: false}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:64 state.lastLoadedPageNumber 0
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:69 Initial job load complete.
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [8] ApiEndpoints.jobs.getCheckerWarnings(jobId: 125670929).request {endpoint: 'hidden link', params: {…}, payload: {…}}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:67 setAppStatus SETTING_UP -> READY
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [9] AutomaticTranslationButton.render {canTranslateAll: false}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [10] AutomaticTranslationButton.render {canTranslateAll: false}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:3 [11] ApiEndpoints.jobs.getCheckerWarnings(jobId: 125670929).success {response: {…}}
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:58 fetchCheckerWarnings []
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14 SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
at application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:9251
at Array.forEach (<anonymous>)
at application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:9204
at application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:9445
at application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:11594
at lY (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:14165)
at vn (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:13:12368)
at ws (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:15:14443)
at Gr (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14:14121)
at Wr (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14:14049)
lr @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
n.callback @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
Gt @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:13
gr @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
$r @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
t.unstable_runWithPriority @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:18
jt @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
Kr @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
Ir @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
(anonymous) @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
t.unstable_runWithPriority @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:18
jt @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
Rt @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
Nt @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
V @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:15
ye @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12Understand this errorAI
application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81 Uncaught SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
at application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:9251
at Array.forEach (<anonymous>)
at application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:9204
at application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:9445
at application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:11594
at lY (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81:14165)
at vn (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:13:12368)
at ws (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:15:14443)
at Gr (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14:14121)
at Wr (application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14:14049)
(anonymous) @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81
(anonymous) @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81
(anonymous) @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81
(anonymous) @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81
lY @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:81
vn @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:13
ws @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:15
Gr @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
Wr @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
Vr @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
Ir @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:14
(anonymous) @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
t.unstable_runWithPriority @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:18
jt @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
Rt @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
Nt @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12
V @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:15
ye @ application-701dfb1b3edebc3eef4a034de50fd7bf2db12d5e572675f242acc9b31fce813f.js:12Understand this errorAI

-------------

I've checked the WPML->Support->ATE error log, and there's no error log.

Kind regards,
Valéria.

Edit Page WP - error log - comp.jpg