UI issue with @atlaskit in Forge Custom UI

Forge Forge UI Kit and Custom UI
1

Hi Guys,

I’m using @atlaskit components https://atlassian.design/components in my Forge Custom UI.
I’m encountering a problem with the default design of the components.

This is how it looks when running my sample application localhost, it looks fine.

image
image1689×491 22.8 KB

And this is how it looks like when installing to Jira, this does not show the exact design of the component.

image
image1670×996 51.5 KB

Does anyone know what am I missing here?

2

I have found a solution for this. I came across with this thread https://community.developer.atlassian.com/t/unstyled-atlaskit-elements-caused-by-csp-violation-with-forge-tunnel-and-react-custom-ui/57866.

1 Like
3

Thanks for following up on the solution you found.