Icelandic: https://lodfill.is/@maranomynet
...
Former life: https://twitter.com/maranomynet_en
git squash-merge — for people who hate:
* Long-lived branches
* Change history
* Parallel/decoupled maintainence of application/features and CI pipelines.
* Nice things.
Raw version of the side-scroll prevention script:
```js
if (
navigator.userAgent.indexOf('Chrome') < 0 &&
navigator.userAgent.indexOf('Safari') > 0
) {
document.addEventListener('scroll', function () {
if (document.documentElement.scrollLeft > 0) { document.documentElement.scrollLeft = 0;
}
});
}
```
Since JSON is pronounced Jason (this is an undisputed fact), I declare DNS is now pronounced Dennis.
It's not DNS
There's no way its DNS
It was DNS
Becomes....
It is not Dennis
There is no way its Dennis
Yep, it was Dennis
And here is a picture of Dennis in his natural habitat.
Putting `overflow-x: hidden;` on <body/> is the obvious fix, but it has the side-effect of completely preventing the use of `position: sticky` anywhere on the page — a no-go solution.
The only other solution is to make <body/> the page scroll container…
```css
body {
height: 100vh;
overflow-x: hidden;
overflow-y: scroll;
}
```
Which works great until you start working with any 3rd-party script solutions that blindly assume <html/> is the scroll-container, giving lots of borked behavior.
Apple's insitent failure to support `overflow-x: hidden` on the `<html/>` element (alone) in Safari is causing me much grief.
(In Safari 16+ `overflow-x: clip` works as a workaround but that leaves all older versions still affected.)
Long story short, having weighed all other options, I'm forced to add a heavy-handed scroll-event listener that insta-resets any horizontal scrolling on the <html/> element.
💔🍏
Enjoying a Twitter thread with people poking fun at GitHub's Copilot for "writing" a buggy shallowEquals function.
Turns out that Copilot's function is perfectly fine, but none of the soft-fleshed humans notice. Too busy piling on.
Best advert for AI code-generators ever.