3 ms·

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

39 points by pxeger1 5y ago

drusepth 5y ago
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 https://news.ycombinator.com/item?id=29753092
- gus_massa 5y ago
  It moves the button for me in Chrome. Do you have javascript disabled?
  - drusepth 5y ago
    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.
- jefftk 5y ago
  I'm also using Chrome, and when I hover over "define settings" it swaps positions with "accept all"
- unholiness 5y ago
  Do you have JS diabled? For me they animate and swap.
- fart32 5y ago
  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.
- nusaru 5y ago
  The "Accept All" button moves when I hover over "Define Settings" but it's a bit flaky.
- sjhuang26 5y ago
  Same for me. I tried it on both Opera and Firefox (Linux desktop).
- kcartlidge 5y ago
  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.
ehayes 5y ago
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".
- ehayes 5y ago
  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.
- stavros 5y ago
  You can also click "reject" in the text to reject the cookies.
  - SilasX 5y ago
    ... and hope his definition of "basic" unblockable cookies aligns with yours: https://news.ycombinator.com/item?id=29753032 https://news.ycombinator.com/item?id=29753032
okareaman 5y ago
> 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.
- labster 5y ago
  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.
  - okareaman 5y ago
    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.
    - labster 5y ago
      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.
anotheraccount9 5y ago
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, ...)
- troymc 5y ago
  Don't forget Katzenzungen (cat tongues)! https://www.amazon.ca/dp/B0061BPM2S https://www.amazon.ca/dp/B0061BPM2S
pcurve 5y ago
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.
- GlitchMr 5y ago
  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) }) }
bhaak 5y ago
> 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?
- GlitchMr 5y ago
  Yes. You should be updating your web browser regularly, otherwise you will be affected by security vulnerabilities.
- judge2020 5y ago
  Well, 96 is out, and these constant updates exist to patch out high-severity CVEs. https://chromereleases.googleblog.com/2021/12/stable-channel-update-for-desktop_13.html https://chromereleases.googleblog.com/2021/12/stable-channel... https://chromereleases.googleblog.com/2021/12/stable-channel-update-for-desktop.html https://chromereleases.googleblog.com/2021/12/stable-channel... https://chromereleases.googleblog.com/2021/11/stable-channel-update-for-desktop.html https://chromereleases.googleblog.com/2021/11/stable-channel...
SilasX 5y ago
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?
Aardwolf 5y ago
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
- judge2020 5y ago
  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.
  - SilasX 5y ago
    Pretty sure you're supposed to indicate that it's a parody when do you something that, taken seriously, breaks the law.

39 points by pxeger1 5y ago

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 https://news.ycombinator.com/item?id=29753092

gus_massa 5y ago
It moves the button for me in Chrome. Do you have javascript disabled?
- drusepth 5y ago
  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.
jefftk 5y ago
I'm also using Chrome, and when I hover over "define settings" it swaps positions with "accept all"
unholiness 5y ago
Do you have JS diabled? For me they animate and swap.
fart32 5y ago
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.
nusaru 5y ago
The "Accept All" button moves when I hover over "Define Settings" but it's a bit flaky.
sjhuang26 5y ago
Same for me. I tried it on both Opera and Firefox (Linux desktop).
kcartlidge 5y ago
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.

ehayes 5y ago

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".

ehayes 5y ago
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.
stavros 5y ago
You can also click "reject" in the text to reject the cookies.
- SilasX 5y ago
  ... and hope his definition of "basic" unblockable cookies aligns with yours: https://news.ycombinator.com/item?id=29753032 https://news.ycombinator.com/item?id=29753032

okareaman 5y ago

> 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.

labster 5y ago
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.
- okareaman 5y ago
  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.
  - labster 5y ago
    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.

anotheraccount9 5y ago

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, ...)

troymc 5y ago
Don't forget Katzenzungen (cat tongues)! https://www.amazon.ca/dp/B0061BPM2S https://www.amazon.ca/dp/B0061BPM2S

pcurve 5y ago

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.

GlitchMr 5y ago
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) }) }

bhaak 5y ago

> 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?

GlitchMr 5y ago
Yes. You should be updating your web browser regularly, otherwise you will be affected by security vulnerabilities.
judge2020 5y ago
Well, 96 is out, and these constant updates exist to patch out high-severity CVEs. https://chromereleases.googleblog.com/2021/12/stable-channel-update-for-desktop_13.html https://chromereleases.googleblog.com/2021/12/stable-channel... https://chromereleases.googleblog.com/2021/12/stable-channel-update-for-desktop.html https://chromereleases.googleblog.com/2021/12/stable-channel... https://chromereleases.googleblog.com/2021/11/stable-channel-update-for-desktop.html https://chromereleases.googleblog.com/2021/11/stable-channel...

SilasX 5y ago

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?

Aardwolf 5y ago

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

judge2020 5y ago
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.
- SilasX 5y ago
  Pretty sure you're supposed to indicate that it's a parody when do you something that, taken seriously, breaks the law.