Website moves the “change cookie settings” button when you hover over it | Hacker News Reader

Website moves the “change cookie settings” button when you hover over it

vielhuber.de

39 pointspxeger128 comments

What exactly moves? I'm looking at the banner at the top, and nothing moves when I hover over the "Define settings" or "Accept all" buttons, or any of the text links in the banner (in Chrome, Linux).

Edit: turns out it only swaps under some conditions, according to the prettied code here [1]. One of those conditions is having a touch screen, which my laptop does.

[1] https://news.ycombinator.com/item?id=29753092

When I hover over the "Define settings" button, it swaps with the other button.

To me, all this cookie consent is just a stupid game. This one is at least fun.

My laptop doesn't have a touch screen (M1 Air with Safari), and "Define Settings" moves when I go for it. So that check is either wrong or misleading.

Made me chuckle, though. And to be fair there is an option to "Decline Cookies" - which doesn't move.

Same for me. I tried it on both Opera and Firefox (Linux desktop).

I'm also using Chrome, and when I hover over "define settings" it swaps positions with "accept all"

The "Accept All" button moves when I hover over "Define Settings" but it's a bit flaky.

It moves the button for me in Chrome. Do you have javascript disabled?

I do not. They animate (fading a little bit), but they don't swap, even after a bunch of page reloads. Turns out the swap is disabled if you have a touch screen.

Do you have JS diabled? For me they animate and swap.

> I have a weakness for beautiful design

I take it to mean he's weak in this area. It's never cool to do stuff like this, unless it's a joke or a troll. I have he extension "I don't care about cookies" installed and he doesn't seem to know how to make it easy if we don't care about cookies.

I don’t understand your complaint. This is just like every newspaper website, just slightly more obvious about what they want to make you do. Heck, the “manage cookies” button isn’t in some tiny, unreadable pale gray, so this is probably a less tricky design than most.

I take it some aren't seeing the button move out from under them, like a deceptive trick. JavaScript disabled? I can assure, every other newspaper site doesn't do this.

No, I’m seeing it. It’s just less scummy than the average website because they admit to trying to trick you into accepting tracking, instead of using every dark pattern in the book for more advertising dollars.

The only cookies of this website are (and no local storage or anything):

cc_hide_prompt:"1", which is there for the cookie prompt itself to function, and:

cc_accepted_providers:"analytics,dummy_group_1", which doesn't contain any other info than that, no unique tracking codes

Why is this web developer even adding cookies at all here, given that there doesn't seem to be anything of value in them (unless the dummy group thing is valuable), and the prompt makes the website look worse?

EDIT: correction, when visiting the blog, more cookies appear

Likely just a demonstration of this quirk for fun, and I imagine it's good conversation for interviews in case the interviewer took a look at their website beforehand.

Pretty sure you're supposed to indicate that it's a parody when do you something that, taken seriously, breaks the law.

I think it's a glitch / unintentional. First, hover over the buttons. Then try widening your browser window from 800px to 1600px in chrome. Then back down to 800px. Do it slowly. You'll see that button position swap regardless whether you hover or not.

Also, it doesn't happen in smaller viewport.

It is intentional. It's caused by `funnyButton` function which after beautifying looks like this.

            funnyButton() {
                document.addEventListener("mouseover", e => {
                    if (e.target.closest(".chefcookie__button--settings")) {
                        if (window.innerWidth < 1e3 || r.default.isTouch() || r.default.isMobile()) return;
                        if (!0 === this.funnyButtonStop || !0 === this.funnyButtonAnimation) return;
                        this.funnyButtonAnimation = !0;
                        let e = document.querySelector(".chefcookie__button--settings"),
                            t = parseInt(e.getAttribute("data-mode") || 1);
                        e.setAttribute("data-mode", t % 2 + 1), setTimeout(() => {
                            this.funnyButtonAnimation = !1
                        }, 550)
                    }
                }), document.addEventListener("click", e => {
                    e.target.closest(".chefcookie__button--settings") && (this.funnyButtonStop = !0)
                })
            }

Also, when I click the link for refuse-cookies, then reload the page, it doesn't show the banner again, meaning it remembered me despite disallowing the use of cookies.

Looking at the full cookie consent drop-down in a private browser, it shows a category "basic" cookies that you can't reject (even with the "reject" link, which it describes as being:

>Tools that enable essential services and features, including identity verification, service continuity, and site security; this option cannot be denied.

Hm ... it still feels like he uses a more expansive definition of "essential services" than I do. What if I don't even want him to remember anything about me, so he has to ask again? Don't I have the right to ask for that one cookie to be deleted that remembers this one consent?

I know, that would make the site even more annoying, but I do feel a tad confused -- can anyone comment on this?

There are so many delicious cookies in Germany, there's no reason not to accept them all (e.g. zimtsterne, Nürnberger lebkuchen, springerle, pfeffernuss, bethmännchen, aachener printen, ...)

Don't forget Katzenzungen (cat tongues)!

https://www.amazon.ca/dp/B0061BPM2S

not-even-mad.jpg

Funny enough he went through the trouble to make sure tabbing works, and that the bottom url indicator is readable. If you tab to "Define Settings" you can in fact disable analytics, and "Accept All" changes to "Accept".

You can also click "reject" in the text to reject the cookies.

... and hope his definition of "basic" unblockable cookies aligns with yours:

https://news.ycombinator.com/item?id=29753032

It's possible to "catch" the Define Settings button by moving the mouse back and forth with the right timing. eg starting left, going right and immediately back.

> Your web browser (Chrome 90) is out of date. Update your browser so that this website can be made error-free and secure.

Erm. A browser released in April of this year is outdated?

Well, 96 is out, and these constant updates exist to patch out high-severity CVEs.

https://chromereleases.googleblog.com/2021/12/stable-channel...

https://chromereleases.googleblog.com/2021/11/stable-channel...

Yes. You should be updating your web browser regularly, otherwise you will be affected by security vulnerabilities.

Reply on news.ycombinator.com