I hadn't kept up with what the latest was in the newly announced [[React]] 18 but decided that it was the perfect thing to start this Monday off with. [[What's new in React 18]]

If you use a correct [[Meta viewport for mobile devices]] you'll never see the 300-350 ms tap delay that browsers add to wait for a double tap. If you for some reason can't add the meta tag, there's also a [[CSS]] property that does the same thing. It's not supported by [[Firefox]], so the meta tag is preferred.

Neither of the solutions affect the [[Accessibility]] on the page since pinch-to-zoom will still work.

/* Set the property on the entire page or on specific
elements like a or button  */
html {
  touch-action: manipulation;
}