David HibbsDec 16, 2023
Aaron Gustafson

Over a decade ago, I wrote up detailed instructions on how to enable users to share your content on social media without allowing them to be tracked by every social media site via cookies. In a few short weeks “third party” cookies will get the boot in Chromium-based browsers. If you’re still relying on third party share widgets on your site, now is a good time to replace them. Here’s how…

https://www.aaron-gustafson.com/notebook/sharing-in-the-age-of-3p-cookie-mageddon/

Sharing in the Age of 3p Cookie-mageddon :: Aaron Gustafson

Over a decade ago, I wrote up detailed instructions on how to enable users to share your content on social media without allowing them to be tracked by every social media site via cookies. In a few short weeks “third party” cookies will get the boot in Chromium-based browsers. If you’re still relying on third party share widgets on your site, your users may start seeing problems. Now is a good time to replace them with code that Just Works™. Here’s how…

Dec 16, 2023 at 5:29amWeb
Show threadP4Dec 16, 2023
@Aaron Hey, I wanna let you know something funky is going on with your site in Firefox on Android. Every time I try to scroll down it jumps right to the bottom of the page. I had to switch to reader mode to see the article.
Show threadAdrian Roselli, pH0Dec 16, 2023
@p4 @Aaron Came here to report same. Firefox on Android, cannot scroll down at all without being sent directly to very bottom.
Show threadAaron GustafsonDec 16, 2023
@aardrian @p4 So strange. Will look into it, thanks! I think I got the same report one time but couldn't replicate.
Show threadP4Dec 16, 2023
@Aaron @aardrian poked at your site with a debugger for a bit, I think it's tied to the code in `fixWebkitResizeBug` (https://github.com/aarongustafson/aaron-gustafson.com/blob/main/src/_javascript/main/easy-responsive-tools.js#L98)? The `resize` event fires when scrolling down because Firefox hides the address bar. The change in overflow is what seems to cause the jump, I overrode it with `!important` through the Inspector and the problem went away.
aaron-gustafson.com/src/_javascript/main/easy-responsive-tools.js at main · aarongustafson/aaron-gustafson.com

My website. Contribute to aarongustafson/aaron-gustafson.com development by creating an account on GitHub.

GitHub
Show threadAaron GustafsonDec 17, 2023

@p4 @aardrian I didn't touch that code, but I think I resolved the issue. I'd accidentally duplicated two pieces of JS code when adjusting things. It seems to have gone away for me now.

Let me know if you see the same.

Show threadP4Dec 17, 2023

@Aaron I'm still seeing the same problem but only on this one article. Thought it might be a caching issue, but none of my attempts at clearing the cache helped. Dunno what's happening, sorry.

EDIT: Seems to be all good now, so I'm gonna blame the cache for it. Thanks for solving the issue!

Show threadAdrian Roselli, pH0Dec 17, 2023
@p4 @Aaron Loaded it in Firefox Beta (to avoid risk of caching since I have not visited it in that browser) and no more jumping.
Show threadAdrian Roselli, pH0Dec 17, 2023
@p4 @Aaron While I am here, I suggest stuffing a `<wbr>` or two into the LinkedIn example URL after the heading “ Sharing, the Old-fashioned Way” because it is not wrapping and causing a horizontal scroll.
Show threadAaron GustafsonDec 17, 2023
@aardrian @p4 Yeah, I noticed that as well. Good call.
Show threadAdrian Roselli, pH0Dec 17, 2023

@Aaron
Mastodon user names are what really made me fall in love with that element all over again (my advent calendar post).

@p4

Show threadAaron GustafsonDec 17, 2023
@aardrian @p4 🥳
Show threadMatt HellerDec 16, 2023

@Aaron Grateful for the knowledge, thanks!

It's interesting to see these still get attention because I have never really trusted share buttons, and privacy extensions tend to block many of them.

To me it always felt patronizing for a site to assume that I can't trivially copy and paste the URL.

I'm also surprised at how many people haven't already been disabling third party cookies (for me it's been several years!).