The issue is that Lucid has the following Content Security Policy: frame-ancestors https: http:. This means the Lucid iframe can only render if every ancestor frame up to the top level window has an origin that matches https: or http:.
The iframe works when you view the Embed directly on a different platform because it is framed within the context of a traditional URL, for example: https://example.com.
However, Chrome extensions are different from typical websites. At the parent level they use the chrome-extension:// scheme rather than https:// or http://. Since chrome-extension:// is not permitted by Lucid’s CSP, the connection is being blocked and results in that error message saying that lucid.app refused to connect. Unfortunately, unless LucidChart is willing to update their CSP in order to support iframes in the context of a chrome extension, then embeds viewed within a Chrome Extension App will continue to be blocked when viewed via that method.
Idea
Allow Chrome extension embeds
Create an account in the community
A Lucid or airfocus account is required to interact with the Community, and your participation is subject to the Supplemental Lucid Community Terms. You may not participate in the Community if you are under 18. You will be redirected to the Lucid or airfocus app to log in.
Log in to the community
A Lucid or airfocus account is required to interact with the Community, and your participation is subject to the Supplemental Lucid Community Terms. You may not participate in the Community if you are under 18. You will be redirected to the Lucid or airfocus app to log in.
Log in with Lucid Log in with airfocus
or
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.