Eliminate 300 ms click delay

[NOYB]

The 300 ms click delay seems to have out lived it's usefulness.  Could we please remove it?

It's been eliminated for specifically for Chrome via the viewport meta tag width=device-width.  But that is browser specific and maybe even proprietary solution.

Think CSS is the W3C "recommending" solution.

body {
  touch-action: manipulation;
}

Background:
What Exactly Is..... The 300ms Click Delay
https://www.telerik.com/blogs/what-exactly-is.....-the-300ms-click-delay

Thanks

[fabian]

The mozilla docs (german) say that this is experimental - which is not good for production use:
https://developer.mozilla.org/de/docs/Web/CSS/touch-action

OPNsense is using bootstrap, which should make it possible to use the viewport variant - However there are some very wide tables tables like in the HAProxy configuration which may require zooming on mobile devices.

[franco]

This does only affect mobile devices and may or may not be supported by the mobile browser, yes?

If that's the case even if not fully adopted we can try this as it brings desktop and mobile experience closer together... after branching 18.1 in early January.


Cheers,
Franco

PS: GitHub tickets are better suited for these things, especially when they propose lines of code.

[NOYB]

Does not prevent zoom.  Zoom is still available by pinch.  It only prevents double tap zoom in order to eliminate the 300 ms delay.

Here is the up to date Mozilla developers page.  Updated Oct 25, 2017.
https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

Supported by nearly every browser.
Not experimental.
It has been in use by others for quite some time.


W3C Recommendation - The touch-action CSS property
http://www.w3.org/TR/pointerevents/#the-touch-action-css-property

See no solid reason not to immediately implement this CSS property.

[franco]

This was just merged.

https://github.com/opnsense/core/pull/2039


Thanks,
Franco