Shared component with Coded component: HTML not read correctly

Hi,
I have a custom component shared between apps with a coded component inside.

The script part of the coded component seems to be working fine across apps. I also have a simple snippet in HTML content, though (a tag with some custom styling), and this only gets applied within the app where the component is defined, but gets ignored in the other apps.

The same code placed in a local coded component works as expected.

Hi Joanna,

Thank you for reporting this. I will report it to the platform team!

Hi Joanna,

I tried to replicate this, but the HTML worked fine for me across apps, so it seems like this might be related to the specific code.

Can you share the code you are using? (If the code contains sensitive info, feel free to DM me)

If you inspect the element in the browser, do you see your styles being overridden (crossed out)?

Hi @isabelslorer,

Sorry about my slow response.

The html in the component is pretty simple:

<style>
    button {
        cursor: pointer;
    }
</style>

It’s used to override the default cursor for a custom button component with Element Type set to button.

image

Hope this helps.