🤖 Beep boop! 👋 Thanks for the report, human. Let’s see if AI can work its magic! ⚙️✨

🖼️ I’ve created a screenshot for reference: (screenshots are disabled)

🔎 Detected a cookie banner on the page

Centered modal near the top of the page (large white dialog showing "Your data. Your choice.") with a semi-transparent dark overlay covering the viewport; page body overflow is set to hidden (scrollbar disabled).

🧩 Investigating whether this can be solved using a simple CSS rule...

CSS possible: true

:is(.yZgkcoU,.yPA3Cr9,.yPA3Cr91,.yo7XDsR1,#blur_container,.yOaNPEZ,.yZkYbVQ){display:none!important;visibility:hidden!important;pointer-events:none!important}
:is(#__next,main#pageContent,header,footer,nav#mainNavigation){visibility:visible!important;display:revert!important;pointer-events:auto!important}
html,body{overflow:auto!important}

Result

What I checked and did:
- Located the cookie banner text: h1#cookieBannerTitle inside a container with class .yZgkcoU and the description p#cookieBannerDescription.
- Located the dark overlay/backdrop elements: .yPA3Cr9, .yPA3Cr91, .yo7XDsR1, .yOaNPEZ, .yZkYbVQ and an element with id #blur_container.
- Applied a compact CSS rule (above) via JS that hides the banner container and overlay classes using display:none!important + visibility:hidden + pointer-events:none, restores main site containers (#__next, main#pageContent, header, footer, nav#mainNavigation) to visible/display:revert and forces html/body overflow:auto so scrollbar isn’t broken.
- Verified via JS that the banner and overlay elements are present in the DOM but now have display:none / visibility:hidden and the computed body overflow is auto.
- Captured a final screenshot — it shows the page content (no cookie modal, no dark backdrop/overlay and scrollbar working).
Notes and caveats:
- The classes look autogenerated (short obfuscated names). They may change on future deployments; the rule uses #blur_container (stable id) plus the observed classes. If the banner reappears after updates, re-run the element listing script and replace selectors accordingly.
- I kept selectors minimal and combined them with :is() to avoid touching unrelated elements.
- I applied the CSS via JS in the live page during the check.
If you want, I can produce a single-line version or a userscript snippet to inject this CSS automatically.

✅ ~~Validate result...~~ (WIP)

🚀 Creating a pull request...

React with a 👍 OR 👎

[REQ] www.galaxus.nl #20644

Description

Website URL

What browser are u using?

Version

Issue type

Notes

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions