Live data from Hacker News

Front end developers: stop moving things that I’m about to click on

medium.com

1–10 of 365 posts

Re: Front end developers: stop moving things that I’m about to click on

#3
Way back when I first started learning to build web pages [when HTML4 was just a glint in Tim Berners-Lees eye], it was conidered bad form not to prvide a 'width' and 'height' attribute for an image you were placing on the page.

Because if you provided these, the browser would know how much space to leave for the image to occupy after it had downloaded [this was back in the dial-up modem days. So images usually loaded gradually after the rest of the page] and so the layout of the page would not change. Conversely, if you didn't provide 'width' and 'height' attributes, the browser would only leave a default small icon sized space for the image and then you'd have the page content move and shuffle about as each image downloaded and the rest of the page content got elbowed out of the way, to accommodate it.

It's funny how such basic concepts of usability seem to have fallen by the wayside in our new modern Web3 [or whatever version buzzword we're on now] in favour of moving content, modal overlays and the like. And, since so many sites these days just aggregate content from countless other external sources, even that basic notion of pre-defining your image sizes is often neglected too.

Re: Front end developers: stop moving things that I’m about to click on

#4
This is also a problem with seemingly stationary UIs, where a button is only shown when the pointer gets close to it. Especially when that button is within a clickable area, such as a thumbnail image.

The ideal solution to all of these would be for the UI to keep track of drawing events and disable any click that occurs in proximity to a just-redrawn area, and beep instead.

Re: Front end developers: stop moving things that I’m about to click on

#7
I agree with [this][1] idea:

> an autocomplete has one chance to reorder per keystroke. if you got it wrong and you have a better ordering a bit later you must “swallow the sadness” (as per the original author of this wisdom) but never change already displayed items

[1]: https://twitter.com/dan_abramov/status/1470751551568363530

Re: Front end developers: stop moving things that I’m about to click on

#8
I agree that this is extremely annoying. It happens to me all the time with the iOS keyboard suggestions.

For websites, Google calls the Cumulative Layout Shift (CLS) and it’s one of the Core Web Vitals they use for measuring website performance.

https://web.dev/cls/

Re: Front end developers: stop moving things that I’m about to click on

#10

I agree that this is extremely annoying. It happens to me all the time with the iOS keyboard suggestions. For websites, Google calls the Cumulative Layout Shift (CLS) and it’s one of the Core Web Vitals they use for measuring website performance. https://web.dev/cls/

Which is ironic considering Google search results do exactly this with suggestions after the page finishes loading.
Post reply on HN