Skip to main content

Hello -

Can someone please help…

The screen for all my charts started appearing with a solid black background.

To answer your questions,

  • Yes, I can still select new shapes and see the rest of the UI
  • Yes, I tried opening my document in incognito mode and produced the same results (solid black background)
  • No, I am not on a VPN connection
  • Yes, I tried the typical IT steps: machine restart, browser restart, application logout + login

What I noticed was if I toggle off “Infinite Canvas” (Right Click > Document Settings > toggle off Infinite Canvas), then I get the expected grid/transparent background, however, with the “Infinite Canvas” toggled on, I get the solid black background…

 

Here are screenshots of what I am experiencing...

 

Below is the output of the Chrome console…

users.lucid.app/userAvatars/186169837:1 


Failed to load resource: the server responded with a status of 404 ()Understand this error
/lucidchart/00098f13-b36d-4321-bda3-2df4a98c5aa8/edit?page=k40KhoHn~v6z#:1 <meta name="apple-mobile-web-app-capable" content="yes"> is deprecated. Please include <meta name="mobile-web-app-capable" content="yes">Understand this warning
/users/teamToJoin/chart:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
secure.gravatar.com/avatar/bb3b124cdefd185ab84cbc53575ad501?SE=32&d=404:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
59The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.Understand this warning
users.lucid.app/accounts/184119579/jiraLinks:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
users.lucid.app/accounts/184119579/jiraLinks:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
24787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:238 Uc_ga: getPDFData item: Exception calculating UcA value: Cannot read value of a disposed Pipe
calculateStack:
UcA
UcXsd
Ucjrd
UcA
at UcA.getValue (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3889:368)
at get value (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3890:26)
at Object.Fb (/js/application/universalcanvas_app/chunk/weak.eager.chunk.js?compiled=1:3830:25)
at UcXsd.<anonymous> (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:4237:609)
at UcA.Hb (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3927:778)
at UcA.O_ (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3888:234)
at UcA.getValue (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3889:445)
at get value (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3890:26)
at UcXsd.Hb (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:4238:39)
at UcXsd.O_ (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3888:234)
error @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:238
handleError @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:7261
(anonymous) @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:15878
Uctgg @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:15877
Ucqgg @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:15872
xua @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:15880
Ucpgg @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:15871
(anonymous) @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:19226
measure @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:11333
(anonymous) @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:19226
invoke @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
onInvoke @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3920
invoke @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
run @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
(anonymous) @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:37
onInvokeTask @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3920
invokeTask @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
runTask @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
E @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
invokeTask @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
l @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:53
u @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:53Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
iceberg.lucid.app/marketo/activity:1


Failed to load resource: the server responded with a status of 400 ()Understand this error
4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:238 UcAt: XhrError: NetworkXHR Unknown Failure.
Response: HTTP 400
Request: POST https://iceberg.lucid.app/marketo/activity
at UckMd.Zi (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:6478:215)
at Ucdld (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3964:258)
at Uccld (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3960:367)
at Uceld (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3961:55)
at h (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3964:336)
at l.invoke (https://static-assets.lucidchart.com/cas/0/9/18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23:6412)
at Object.onInvoke (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3920:178)
at l.invoke (https://static-assets.lucidchart.com/cas/0/9/18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23:6352)
at Object.onInvoke (https://static-assets.lucidchart.com/cas/7/0/4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:8033:276)
at l.invoke (https://static-assets.lucidchart.com/cas/0/9/18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23:6352)Caused by: Error: NetworkXHR
at UckMd.Zi (4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:6478:215)
at Ucdld (4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3964:258)
at Uccld (4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3960:367)
at Uceld (4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3961:55)
at h (4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3964:336)
at l.invoke (18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23:6412)
at Object.onInvoke (4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:3920:178)
at l.invoke (18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23:6352)
at Object.onInvoke (4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:8033:276)
at l.invoke (18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23:6352)
error @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:238
handleError @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:7261
onHandleError @ 4787548d35bb3a805ab46a7a4329033631244b49121fa64953c6035ec48012.js.br:7259
handleError @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
runGuarded @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
(anonymous) @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:37
E @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
invokeTask @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
(anonymous) @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:23
(anonymous) @ 18572125ba8b937589ab3a1199545655f4219282981737c75db34b41da776a.js.br:82Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
users.lucid.app/userAvatars/193245769:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
secure.gravatar.com/avatar/352a86b66dadee51379d55fc7fd6adbe?SE=24&d=404:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
52Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was receivedUnderstand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error
documents.lucid.app/documents/00098f13-b36d-4321-bda3-2df4a98c5aa8/attributes/embedded:1


Failed to load resource: the server responded with a status of 404 ()Understand this error

 

Hi @didier.jeancharles 

It’s possible that toggling the rendering option for webGL may resolve this issue for you. If you go to the top menu, in the View section, then down at the bottom of the list for rendering toggle the option for webGL it might resolve the issue. Let me know if that fixes the problem for you. 
 

 

Here is the article from the Lucid Help Center

Have you tried WebGL

Hope this helps - Happy to help further!!
Thank you very much and have a great one!
Warm regards


Hi @didier.jeancharles

Thank you for posting in the community! It looks like this is occurring because you don’t have your background color set to white. Can you change the background color to white? See the gif attached below to see how to do this!

 


Thank you all - turning off “WebGL” did the trick

Solved!


Reply