[Bug]: The "Cookie banner" keeps appearing after every reload in the localhost server

[karreiro]

The "Cookie banner" keeps appearing after every reload on the localhost server.

Expected behavior

The "Cookie banner" should not appear after every reload on the localhost server:

Actual behavior

It should work just like the preview URL.

Reproduction steps

• Activate the banner at /settings/privacy/consent-banner
• Clone Dawn using shopify theme init
• Run shopify theme dev
• Notice it keeps appearing after every refresh

[ranjan-purbey]

The issue is not with the CLI but with the privacy banner itself. When a visitor tries to save their cookie preference by selecting either of the options, the cookie banner makes a POST request to https://127.0.0.1:9292/api/unstable/graphql.json.

Since the local dev server doesn't support SSL, the request fails and the user's preference is not saved.

As a workaround, you can prefix your local URL with ?pb=0 to keep the banner hidden.

[verdant-spark]

Unfortunately that's not a sustainable solution - it's fine if you're only working on one page, but if you navigate around the store then the issue will continue.

[Truja]

Hi @ranjan-purbey @verdant-spark
I work for the Privacy and Compliance team and we will take a look and check if it is possible to disable the banner in these local envs. Looks like the banner lib and the cookie are not working properly in local development env.

[jo-ced]

Thanks, @Truja. Any news yet? The banner keeps showing up and it is super annoying. Especially in mobile view one has to click accept/decline every time as it blocks the whole view. Additionally, the cookie banner reappears with every HMR reload, forcing repeated interactions even after previous acceptance/rejection.

[Truja]

@jo-ced I am going to add this issue to my next week things.

[ceri-waterscreative]

Temporary work-around listed here:
https://community.shopify.dev/t/shopify-cookiebar-cannot-dismiss-pernamently-on-localdev-customizer/9479/5?u=ceri_waters

[lukecharle]

Any update on this @karreiro?

[jo-ced]

Temporary work-around listed here: https://community.shopify.dev/t/shopify-cookiebar-cannot-dismiss-pernamently-on-localdev-customizer/9479/5?u=ceri_waters

Thank you so much @ceri-waterscreative. Your code snippet solves the issue.

I'll post it below in case the link stops working:

In theme.liquid add:

{%- if theme.role == "development" or request.design_mode -%}
    {% style %}
        #shopify-pc__banner {
            display:none!important;
        }
    {% endstyle %}
{%- endif -%}

[github-actions]

This issue seems inactive. If it's still relevant, please add a comment saying so. Otherwise, take no action.
→ If there's no activity within a week, then a bot will automatically close this.
Thanks for helping to improve Shopify's dev tooling and experience.

P.S. You can learn more about why we stale issues here.

[verdant-spark]

This is still happening - please keep this issue open and solve it!