{all : unset} taking higher specificity

[we-surinder-s001]

trafficstars

@samijaber When ever I create a button with builder.io the styling on it doesn't work because {all: 'unset'} property is taking higher specificity.

Steps to reproduce the behavior:

1. Create a new button with builder.io tool bar.
2. default style will not be applied
3. public the changes.
4. now check in the inspect that the {all: unset} property is already taking higher specificity that the other stylings.

Expected behavior button should have some of its stylings and when ever I do any changes in the styling it should reflect there

Screenshots

[samijaber]

Thanks @we-surinder-s001 , we are aware of the bug and looking for a solution.

[we-surinder-s001]

@samijaber thanks for replying.

[wieseljonas]

Still not working with svelte

[wieseljonas]

For now I've implemented it with HTML API on svelte like so

    {/if}    {#if headerHTMLBlock?.data?.html}
      {@html headerHTMLBlock?.data?.html.replace('all:unset', '')}
    {/if}

    {#if isPreviewingHeader}
      <builder-component
        model="price-page-header-block"
        api-key="5a1025ed9ae1451ebd7362f95b4b0486"
      />
    {/if}

[samijaber]

@wieseljonas What version of the Svelte SDK are you using? Could you provide the content URL (like https://builder.io/content/:id) to the content in that screenshot?

[wieseljonas]

It’s the latest version and big arises only if I add the button

Jonas Wiesel Associé +41 79 737 72 17 @.***

www.realadvisor.ch https://realadvisor.ch RealAdvisor SA +41 22 775 05 05 Route de Saint-Julien 198 1228 Plan-les-Ouates

On Thu, 25 Apr 2024 at 20:33, Sami Jaber @.***> wrote:

@wieseljonas https://github.com/wieseljonas What version of the Svelte SDK are you using? Could you provide the content URL (like https://builder.io/content/:id) to the content in that screenshot?

— Reply to this email directly, view it on GitHub https://github.com/BuilderIO/builder/issues/2926#issuecomment-2077916140, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAILOLLUNBGIJHITZQ6FJZ3Y7FD6ZAVCNFSM6AAAAABCBLVC2OVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANZXHEYTMMJUGA . You are receiving this because you were mentioned.Message ID: @.***>

[samijaber]

I see, thanks. Could you provide the content URL (like https://builder.io/content/:id) to the content in that screenshot, so we can debug this further?

[wieseljonas]

https://builder.io/content/9d337de407424776a235582e82465612

[wieseljonas]

here it's working because I remove all:unset manually after the request