Hacker News Reader

a couple of reason not to focus:

1. on mobile devices, a focused <input> also triggers Keyboard to open, that in turn may cause the page/content to scroll suddenly etc. that could annoy the user, 2. if there's content to read (a message, Terms etc), the user may end up not fill the form at all

View on HN

Isn't that what the @media stuff is for?

use @media to do what in this case? to not display the virtual keyboard on input.onfocus?

Disable autofocus when using a device (mobile?) on which it is problematic? I'm no expert though. Maybe that isn't possible or is more undesirable for some other reason.

Yes [however] you could using props like <input inputmode='none'> or <input readonly='readonly'> and that prevents the device's virtual keyboard from opening 'onfocus'. however, that's not practical, if you want to type/enter data into it during that session.

Maybe I'm not understanding the objective or the constraints. I thought the goal is to disable autofocus on mobile devices in order to prevent the appearance of the virtual keyboard from unexpectedly disturbing the layout.

In order to achieve this why not use @media to identify a device which uses touch input (I'm sure there are some edge cases, but this seems like a good proxy for a mobile device) and javascript or jquery to disable autofocus?

Reply on news.ycombinator.com