Add a test for touches on labels causing clicks on the labelled element.

test/unit/gestures.html

@@ -721,6 +721,36 @@
           document.body.removeChild(el);
         });
       });
+
+      suite('Clicks on the labelled elements from label touches do not throw.', function() {
+        let container;
+
+        setup(function() {
+          container = document.createElement('div');
+          container.innerHTML = `
+            <input type="text" id="anInput">
+            <label for="anInput">The label</label>
+          `;
+          document.body.appendChild(container);
+        })
+
+        teardown(function() {
+          document.body.removeChild(container);
+        });
+
+        test('test name', function() {
+          const input = container.querySelector('input#anInput');
+          const label = container.querySelector('label[for=anInput]');
+
+          const makeEvent =
+              (type) => new CustomEvent(type, {bubbles: true, composed: true});
+
+          label.dispatchEvent(makeEvent('touchstart'));
+          label.dispatchEvent(makeEvent('touchend'));
+          label.dispatchEvent(makeEvent('click'));
+          input.dispatchEvent(makeEvent('click'));
+        });
+      });
     });
   </script>