I've been looking into an issue for work where Google Chrome loads a URL ending in an anchor and scrolls to the incorrect position on the page. Imagine linking to the third heading on a page and Chrome scrolling to a indeterminable position above that. Firefox is not affected.
After ruling out all JavaScript and the particular HTML source code, it turns out that disabling the html { scroll-behavior: smooth; } CSS style fixes the issue. My theory so I suspect there is a race condition between determining the length of a page and position of the element while scrolling? This results in bugreports such as "Anchorlink going to the wrong place"
Regular behaviour is also partially broken
What's more interesting is that blink based browsers are unable to scroll to the anchor even after the page is already loaded!
The page loads and the scrollposition is correctly set at the test header.
Scroll up a paragraph or more than a screen, and refresh the page. Notice the scrollposition isn't set.
Optionally refresh many times, or press the Enter key in the address bar to attempt to reload the page. However the scroll-position is now permanently broken until you navigate away from the page.
This results in bug-reports such as "It only goes to a place when you first enter the URL to the browser, it doesn’t go to the same place when you re-fresh the page". Together this erodes the trust in the application and honestly it's hard to believe this has not been more widely reported.
There's probably an elaborate JavaScript solution but in my opinion a browser's bugs should be fixed by the browser, because in the future when the browser fixes itself a workaround might result in incorrect behaviour. #technology
Related
The future of personal blogging…
I was thinking of the concept of running a blog like #Lamb in CI, with the artefact hosted as HTML somewhere. Of course this is the essence of what a static site generator (SSG) is. The downside of a SSG is that the publish experience is not up to the same standard as a server-side blog, as the data structure not enforced in the editor and things like search don't exist or are limited.
Posting directly from Discord has the same problems as the above. It probably is a worse editing experience but you'd not have a site to manage.
Headless then is splitting off the rendering from the authoring, running that locally, syncing up the database to the cloud (sqlite, so just 1 file!) and having some minor render/search component chewing out the web-pages as needed. This seems overly complicated in the local setup and "Getting up and running" flows.
So there is still a need of a web admin of sorts and a rendering layer. I just need to add smart caching to Lamb so it's doing minimal work, should this need to scale out further than it does – who even knows how far this already scales, I have done zero optimisation.
Apart from that Lamb is on the right track for friction-free simple blogging. #technology
It seems sometimes I'm researching and want the previous tab to become active after closing a deep dive, and other times I'm reviewing the tabs and want the tab to the right of the active one to become active. Is there any way to codify this I keep changing my browser's settings. #technology
Cut a sharp end to a plastic straw. It makes for a good phone charging port cleaner! Actually, it worked better than a tooth pick for me. #technology
We need more instant publishing on the web. All the UI holds back our ideas. #technology#lamb#projects
I'd like to go further and state that most of the usability and user experience enhancements should be implemented as browser add-ons, so that they can be installed if the user sees it as a positive enhancement to their reading experience.
The old-school view is that the reading experience is the domain and the responsibility of the browser, and we have collectively gone way beyond what a website should offer in terms of behaviour. #technology
Navigate Xbox Series console using LG remo…
To navigate an XBOX series games console using an LG Magic Remote, first disable the Automatic Configuration option in the Connection settings under HDMI Configuration in the TV's settings. Reconnect the XBOX's HDMI cable going into the TV. Then on the input switcher, edit the Xbox setting, mark it as a Blu-ray player manufactured by Microsoft, and follow the wizard. #technology
Looking at my browser tabs, I can't believe that we collectively have still not standardized on page title vs site title formats in 2024. I've seen SITE - PAGE, PAGE / SITE, PAGE | SITE, SITE: PAGE, PAGE etc. I'd prefer it if we had a sitetitle tag in head and let the browser figure it out. #technology#html
Use an expression to select an array value in PHP. It's handy for quick output logic. Update: it's a bit too clever, perhaps, versus using the tenary operator.
