Get rid of potential 300ms pause with radios in mobile browsers

Modern mobile browsers can disable the pause programmatically with touch-action: manipulation (thanks to @patrickhlauke for pointing that one out). In a general case on GOV.UK it’s not going to be particularly useful as it’s also disabled for viewport width=“device-width”, but if someone’s zoomed or are using a non-standard meta viewport this might help out.

public/sass/elements/forms/_form-block-labels.scss

@@ -13,6 +13,7 @@
   margin-bottom: $gutter-one-third;
 
   cursor: pointer; // Encourage clicking on block labels
+  touch-action: manipulation; // remove 300ms pause on mobile
 
   @include media(tablet) {
     float: left;